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

Не буду томить и сразу выложу архив с xhtml-кодом и стилями. Главная трудность заключалась в прижатии подвала. Подвал прижался только со второго раза. Код был тот же. В чём причина отказа прижимать подвал к низу, причём во всех браузерах хором — неизвестно. Причём css были те же, аналогичные блоки. Отличаются макеты только текстом…

Из недостатков у данного способа хочу отметить наличие некошерного несемантичного блока <div class="wrapper"></div>. Если Вам принципиально важна валидность, то придётся вынести в CDATA хак *html #outer для IE. Дублировать код не буду, качайте файл и используйте на здоровье. Кстати, шапку и подвал можно сделать тянущимися на 100%, для этого замените в css у блоков #header и #footer следующий код width:1000px;margin:0 auto; на width:100%;.