Карта сайта

Это автоматически сохраненная страница от 26.06.2013. Оригинал был здесь: http://2ch.hk/b/res/50572040.html
Сайт a2ch.ru не связан с авторами и содержимым страницы
жалоба / abuse: admin@a2ch.ru

Срд 26 Июн 2013 15:09:02
Задачка для верстальщика
Анончики, такое дело, тут же много среди вас тех, кто верстает сайты.
Есть один index.html, есть один style.css.
В indeхе есть блоки <div id="main"> и <div id="sidebar">, стили дляних прописаны в style.css. При этом вёрстка адаптивная: для таблеток и смартфонов разные значения по ширине, шаблон резиновый, заебок.
В index.html идет сначала <div id="main"> на 70% по ширине, а потом <div id="sidebar"> на 25% по ширине.
Десктопные браузеры: две колонки, контентная большая, сайдбар маленький.
Мобильные браузеры: одна большая колонка с контентом, сайдбар сразу после контента идёт.
При этом если увеличивать масштаб страницы в десктопном браузере, то после 130% увеличения и main, и sidebar становятся 100% по ширине (там уже включаются те значения, которые для таблеток и смартфонов прописаны в style.css). Сайдбар и в десктопном браузере как бы опускается в низ страницы, оказывается после мейна (основного контента).
Вот как сделать, чтобы всё было точно так же, но в index.html блок с <div id="sidebar"> стоял раньше блока <div id="main">, мм?
Нужно, короче, чтобы сайдбар в коде стоял выше, но при увеличении масштаба в десктопном браузере опускался под основной контент.


Срд 26 Июн 2013 15:33:29
>>50572040
Я тебя не очень понял. Тебя приоритеты стилей в CSS интересуют?
Ставь значение !important; на нужное свойство.


← К списку тредов