Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Header в адаптивном дизайне

Не правильное отображения Хедера в адаптивном дизайне
Посетитель
paulwerke
Сообщений: 3
Киев
1243 дня назад
Всем хороего времени суток!
Сделал адаптивный шаблон. В responsitive view для Phone_landscape хедер выглядит так:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Добавлен дополнительный код в tempale.css:
div .art-header {
position: fixed;
width: 100%;
}
t-postheader {
margin: 5px 0px;
}

Как починить?
Редактировалось: 3 раза (Последний: 8 декабря 2013 в 08:34)
Постоянный участник
Malover
Медаль
Сообщений: 575
3 дня назад
Не совсем понятно что Вы хотели. Но может дело в том, что при работе в мобильных подключаются стили из style.responsive.css, а не из обычных стилей. Там и нужно делать изменения.
Посетитель
paulwerke
Сообщений: 3
Киев
1243 дня назад
Да, Вы правы имел ввиду как растянуть header в телефоне, и приложил дополнительный код из tempale.css. Пробывал исправить в tempale.responsitive , но не нашел где. В этом вопрос.
Постоянный участник
Handi
Медаль
Сообщений: 717
4 дня назад
paulwerke:
Пробывал исправить в tempale.responsitive , но не нашел где. В этом вопрос.


В style.responsive.css Примерно где то в районе 150 строк
Код PHP:
  1.  
  2. .responsive .art-header
  3. {
  4. width: auto !important;
  5. max-width: none !important;
  6. min-height: 100px !important;
  7. min-width: 0 !important;
  8. text-align: center;
  9. }
  10.  
  11. И НИЖЕ ТОЖЕ ЕСТЬ
  12.  
  13.  
И еще все что ниже. Там не в одном месте задается, придется почти во всех элементах в шапке все дорабатывать и править. hoho

На мой взгляд это не очень хорошая идея править адаптивные стили.
Там все одно за другое цепляется.

Кстати может я не понял, но вроде как у Вас получается фиксированный Header, который будет всегда виден.
Задумка может и хорошая, но очень неудобная для пользователя, который придет с мобильным искать инфу на сайте.

Мало того что в мобильном и так все уменьшено, так у Вас еще и добрую третью часть полезного пространства будет отнимать никому не нужная заставка.

Но в общем то дело конечно Ваше. music Добавлено спустя 4 минутыПопробуйте сделать без Ваших дополнений в стили.
А после экспорта в добавьте в файл style.responsive.css

в .responsive .art-header

position: fixed !important;

а размер там и так должен быть на всю ширину.
качественное продвижение и раскрутка сайтов в сеопульте
Постоянный участник
Malover
Медаль
Сообщений: 575
3 дня назад
paulwerke:
Добавлен дополнительный код:
div .art-header {
position: fixed;
width: 100%;
}

Так в адаптивном уже задана ширина width: auto !important;
А стиль с important перебивает обычный.
Постоянный участник
artnikov
Медаль За активное участие в жизни сайта.
Сообщений: 478
526 дней назад
paulwerke:
Сделал адаптивный шаблон.
Доброго вам, всем привет. По адаптивному дизайну могу посоветовать, использовать как и положено,четкую градацию по размерам, что не очень наглядно продемонстрировано по умолчанию в Artisteer - @media screen and (min-width:ВАШЕ ЗНАЧЕНИЕ px) and (max-width:ВАШЕ ЗНАЧЕНИЕ px) - тогда сможете настроить ВСЕ как положено. Единственное придется проверять пересечение с уже готовым стилем дизайна, и естественно корректировать...Скриптами к несчастью адатив не сверстать, это наверное и к лучшему... laugh
Посетитель
paulwerke
Сообщений: 3
Киев
1243 дня назад
Огромное Всем спасибо! Вроде получилось как предлагал Handi. Желающие могут посмотреть
Скрытый текст виден только зарегистрированным пользователям
, если модератор не против.
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.