|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
16.12.2015, 13:49 | #1 |
Форумчанин
Регистрация: 29.10.2008
Сообщений: 294
|
Изменить стиль DIV при просмотре на мобильных устройствах
Добрый день!
Полностью изменил дизайн сайта, но остался последний штрих. CSS: Код HTML:
div#wrap-header { position: fixed; margin: 0 auto; padding: 0; top: 0; width: 100%; height: 100px; max-width: 1440px; } div#wrap-content-primary { margin-top: 100px; padding: 0; } Код HTML:
<div id="wrap-header"> header content </div> <div id="wrap-content-primary"> main content </div> При просмотре на мобильных устройствах при увеличении масштаба экрана header остается на своем месте и также увеличивается, но при этом он наплывает на основной контент и не перемещается вправо-влево с основным контентом. Как можно исправить ситуацию, чтобы при просмотре на мобилках стили были такие: CSS: Код HTML:
div#wrap-header { margin: 0 auto; padding: 0; top: 0; width: 100%; height: 100px; max-width: 1440px; } div#wrap-content-primary { margin-top: 0; padding: 0; } В итоге header будет прокручиваться и перемещаться вместе с контентом. Пробовал так: Код HTML:
@media (max-width: 1200px){ #wrap-header { position: relative; } } @media (max-width: 1200px){ #wrap-content-primary { margin-top: 0; } } Спасибо! Последний раз редактировалось Maxx; 17.12.2015 в 10:12. |
18.12.2015, 01:40 | #2 |
Форумчанин
Регистрация: 29.10.2008
Сообщений: 294
|
Заработало вот так:
Код HTML:
@media (max-width: 1200px) { div#wrap-header { position: relative; } } @media (max-width: 1200px) { div#wrap-content-primary { margin-top: 0; } } Шутка! Тему можно закрыть! |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Изображения на мобильных устройствах | lesenok87 | HTML и CSS | 2 | 02.06.2015 10:22 |
Отображение сайта на мобильных устройствах | mihmihail | Помощь студентам | 3 | 21.01.2015 22:32 |
Для тех, кто сталкивается с JavaScript и HTML на мобильных устройствах | MobiDev | Мобильные ОС (Android, iOS, Windows Phone) | 0 | 19.02.2014 14:23 |
Margin: 0 auto; не работает на мобильных устройствах | Hrommi | HTML и CSS | 2 | 31.10.2013 13:57 |
Как изменить стиль шрифт выделенного тексту слова в компоненте RichEdit при выделении его? | SkAndrew | Общие вопросы Delphi | 9 | 23.04.2008 01:35 |