Кросс-браузерный резиновый трёхколоночный макет в высоту окна
Кросс-браузерное решение для резинового макета с одинаковой высотой колонок и стопроцентной высотой
Недавно понадобилось сверстать резиновый трёхколоночный макет с высотой 100% и колонками одинаковой высоты. К моему удивлению, это оказалось не очень простым делом: вместо планируемого получаса это заняло намного больше времени. Требования к макету: кросс-браузерность (куда без неё); минимальная высота: 100% (полное окно, независимо от высоты контента); минимум кода; все три колонки должны быть одинаковой высоты; [...]
← Вернуться к полной версии записи «Кросс-браузерный резиновый трёхколоночный макет в высоту окна»…
Автор: Vladimir; опубликовано в: CSS, HTML; метки: CSS, XHTML, кросс-браузерное решение, макет, резиновый макет, трёхколоночный макет29
Июн
2008
Июн
2008
Комментарии к статье «Кросс-браузерный резиновый трёхколоночный макет в высоту окна» (36) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «Кросс-браузерный резиновый трёхколоночный макет в высоту окна»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
Открыл в IE 5 и 5.5 не работает.
“…EasyClearing портит разметку в IE 5.01. По счастью, это легко лечится путём добавления float: left контейнеру #container:”
olga:
“…Почему, если вставлять в левый блок ссылки так, чтоб при наведеннии на них они подчеркивались, этот левый блок уплывает вправо?…”
http://www.positioniseverything.net/easyclearing.html
http://www.positioniseverything.net/explorer/guillotine.html
Я не сильно расстроился
Сам по себе EasyClearing действительно лечится путем добавления
float: left, возможно, я где-то что-то испортил. А с тех пор, как умерла Win 2000, IE 5.x у меня нет. Да и IE 6 тоже.IE 5.5 не понравилось
left: 200px;поправил таким образом:
voice-family: "\"}\"";
voice-family: inherit;
left: 200px;
}
IE 6.028 никаких горизонтальных полос прокрутки нет. В целом очень даже кросс-браузерный макет
.
Здорово, спасибо! Добавлю в статью.
Здравствуйте! В IE6 появляется горизонтальная полоса прокрутки при наполнении колонок контентом. Подскажите пожалуста как исправить?
Спасибо за статью
Спасибо!
Подскажите пожалуйста. У меня header и footer фиксированы. Как прописать так, чтобы при уменьшении окна, фон тоже становился резиновым?
В смысле резиновый фон? У фона установлено свойство
background-repeat?Нет, background-image:url(fon.jpg);
А, ясно. Нет, фон не получится растянуть. Его можно только повторять (
background-repeat).В IE6 min-width не работает и макет сжимается до абсолютного нуля по ширине, со всеми вытекающими, т.е. в какой-то момент контент уже не сжимается, а накладывается и исчезает. Скорей бы он умер, но думаю смерть будет долгой и мучительной – у меня на настоящий момент 20% трафика, это ИЕ6.
Огромное спасибо! Два дня искал решение, а поначалу тоже думал, что это будет просто.
[...] This post was mentioned on Twitter by Dmitry Stropaloff. Dmitry Stropaloff said: Сложное решение казалось бы простой задачи – http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ [...]