Резиновый трехколоночный макет с правосторонними сайдбарами
Кросс-браузерный семантически корректный резиновый макет с тремя колонками (сайдбары справа)
Очередной раз попав не туда, куда надо из Google, я натолкнулся на статью "Трехколоночный макет на CSS с одинаковой высотой колонок". Да, трехколоночные макеты (да еще и резиновые!) очень популярны, я смотрю Но, несмотря на популярность таких макетов, многие верстальщики почему-то не хотят учиться и городят целый огород на div'ах. В указанной статье приводится следующая [...]
← Вернуться к полной версии записи «Резиновый трехколоночный макет с правосторонними сайдбарами»…
Автор: Vladimir; опубликовано в: CSS, HTML; метки: CSS, HTML, IE8, XHTML, макет, резиновый макет, трёхколоночный макет22
Мар
2008
Мар
2008
Комментарии к статье «Резиновый трехколоночный макет с правосторонними сайдбарами» (17) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «Резиновый трехколоночный макет с правосторонними сайдбарами»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
Владимир, ваш способ я давно знаю и использовал его не раз. Но дело в том, что он не универсален. Я много раз сталкивался с тем, что при определенном дизайне он просто-напросто не работает. Поэтому я пришел к способу который описал в своей статье.
Если дизайн довольно простой, то да, ваш способ несомненно лучше.
И это вовсе не значит, что я не хочу учиться, как вы сказали выше
Все зависит от конкретного дизайна. Я сам предпочитаю, чтобы все было как можно проще 
Признаю, я высказался слишком резко… Просто мне за тот день попалось слишком много супов, приготовленных на
divУ меня ни разу такого не получалось, всё время использую отрицательные границы. Вы меня заинтриговали! А можно, пожалуйста, какую-нибудь ссылочку на дизайн, где отрицательные границы не срабатывают?
Очень любопытно!
Я просто в силу природной лени пишу генератор многоколоночных макетов (составляю конкуренцию psd2html.com
), поэтому мне очень интересны примеры, в которых отрицательные границы разваливаются.
Пример показал бы с удовольствием, но, к сожалению, уже не помню, где был подобный трабл. Кстати, мои слова на счет того, что это работает не всегда, может подтвердить автор блога trifler.ru/blog/
P.S. В Opera 9.5 комментарии куда-то прячутся
Спасибо, буду искать концы
Да-да-да, на эту страничку я в тот злополучный день тоже нарвался
Вот и попался мне реальный глючный пример с использованием нижних отступов. Гляньте в Опере сюда – http://imhoblog.ru/2008/06/28/audit-imhoblogru-obzor-sobrannogo-nektara/
И это из-за вот такой штуки:
.sidebar {
…
padding: 5px 5px 32767px 5px;
margin-bottom: -32737px;
…
}
А когда я сдавал эту работу, данного глюка не было. Именно из-за таких казусов я и давно уже косо смотрю на данный способ.
overflow: hiddenконтейнеру в этом случае поможетВ том-то и дело, что overflow: hidden уже стоит, но не помогает и я не могу понять, почему он в данном случае не срабатывает. Поэтому здесь по любому придется отказыватья от этих отступов.
Дмитрий, я пользуюсь несколько иной техникой размещения колонок, но по-моему Вы потеряли
overflow: hiddenдля сайдбаров (.sidebar { overflow: hidden; }).Пробовал ставить и для .sidebar – не помогает. Видимо сайдбары нужно помещать в еще один див, которому ставить overflow: hidden.