Подскажите, как правильно реализовать следующую схему:
отступ 60px | div content % | отступ 80px | div sidebar % | отступ 80px
min-width: 800px;
max-width: 1150px;
Подскажите, как правильно реализовать следующую схему:
отступ 60px | div content % | отступ 80px | div sidebar % | отступ 80px
min-width: 800px;
max-width: 1150px;
Для отправки комментария вам необходимо авторизоваться.
Если я правильно понял вопрос, то вот так:
https://blog.html.it/layoutgala/LayoutGala25.html
+ а отступы уже там внутри прописать как надо.
вариант первый (меньше хитростей цсс):
для боди задаём min-width и max-width. для левой колонки задаём ширину в % и float:left. для правой колонки задаём ширину в % и float:right. внутри левой и правой колонок помещаем дивы с заданием левого и правого паддингов 60/80 пикс.
вариант второй:
для боди задаём ограничение ширин. для правой колонки задаём ширину в %, отступы и float:right. для левой колонки задаём overflow:hidden и оставшиеся отступы. недостаток: срезается всё, что вылазит из левой колонки
вариант второй (подвид):
вместо overflow:hidden задаём display:table. недостаток: при малом количестве контента левая колонка не будет растягиваться на всю ширину экрана, поэтому, если ей (левой колонке) задать бекграунды разные, то будет заметно, что она не занимает всю ширину
оба вторых варианта требуют hasLayout для ИЕ6-7
Вариант отличный (который первый), на одностраничном проекте посмотрел — работает на ура, а на моем пока не хочет, ну ничего буду разбираться. Главное принцип понял. Спасибо за помощь
:)