Блог ⁄ Вёрстка ⁄ Блочная вёрстка, ч. 2

Оптимальная для поисковиков и посетителей вёрстка сайтов требует оригинальных решений. Равные по высоте колонки и прижатый к низу подвал я спиздил позаимствовал на Хабре. К сожалению, не обошлось без CSS-хаков и использования JS. Качаем архив со свёрстанным шаблоном. Ниже показано как это выглядит.

А это уже моё, колонки по высоте контента, подвал прижат к низу. В отличие от двухколоночного макета подвал прижимал часа два, раза этак с седьмого сладил. Зато без JS. Правда с одним маааааленьким CSS-хаком, даже хачком: *html. Подвал прижимать, это Вам не в тапки срать, дорогие дети. Извиняюсь за свой французкий. Архив с вёрсткой в три колонки, подвал прижат к низу, блочная вёрстка.Такая длинная ссылка на архив спецом для поисковиков. Ищущие да обрящут. UPD: К сожалению, подвал прижат к низу до тех пор, пока контент умещается в расстоянии от шапки до футера. Иначе текст уходит под подвал. Обходится такое при помощи отслеживания объёма контента на странице средствами CMS :( . Нормальную реализацию прижатого к низу подвала пока что не нашёл. Ниже показано, как оно выглядит в Мозилле. Кстати, важно держать стиль с позиционированием блоков для этого макета в отдельном файле, т.к. Opera 9.5 и выше не прижимает подвал, если стили позиционирования в одном файле с xhtml-кодом. Косяк характерен только для Оперы и только версий 9.5, 9.51 … 9.61, под 9.62 и 9.63 не проверял.

Удачи в использовании!