Comments on: Семантическая верстка — советы и решения. Часть VII. Прижимаем подвал к низу окна

By: Suphix

Suphix — Tue, 15 Dec 2009 00:02:41 +0000

Упущена важная деталь. Для блока “header-content” в стилях необходимо задать:

overflow: auto;

Иначе, его фактическая высота остаётся неизменной независимо от количества внутренней информации, что сразу заметно, если назначить разные фоны данному блоку , внутренним блокам и BODY (а такие ситуации бывают). А при overflow: auto; сохраняется резиновость.

By: Lost Sense

Lost Sense — Sun, 17 May 2009 17:37:38 +0000

хотя… только что заметил… и в варианте с лишним дивом происходит тоже самое (

By: Lost Sense

Lost Sense — Sun, 17 May 2009 16:44:36 +0000

ие 6-7 всё портит =(
при масштабировании футер срывается.
и убирание position:relative не помогает.
так что по ходу на серьезных проектах пока без дополнительного дива не обойтись (

By: Anstak

Anstak — Sun, 17 May 2009 16:40:27 +0000

Эххх… К сожалению такой способ вызывает жуткие головные боли если речь идет о верстке резинового шаблона… Проверил на своем опыте. Дело все в том что если вложить #content в какой-нибудь блок (или наоборот), то другой блок не будет растягиваться под него.

By: Андрей

Андрей — Fri, 15 May 2009 15:37:37 +0000

Уже второй год пользую способ похожий на этот, только для:

html { height: 100%;}

body {
height:100%; /* + эмуляция для ие6 */
position: relative;
}

и для футера:

#footer {
position:absolute;
height:3em;
}

+ для контентного блока паддинг снизу поставить, равный высоте футера.

By: Andrey

Andrey — Wed, 15 Apr 2009 09:59:18 +0000

Хороший, четкий способ. Спасибо!

By: Flack

Flack — Wed, 01 Apr 2009 18:29:01 +0000

На момент написания статьи (не публикации в блоге) семерки-восьмерки еще не было.
Так что оставляю на совести :)

By: Alex

Alex — Mon, 30 Mar 2009 08:49:30 +0000

В ИЕ7 при масштабировании футер улетает наверх или отскакивает вниз.
Если убрать position:relative у футера и контейнера, то начинает вести себя нормально.

By: olster28

olster28 — Thu, 26 Feb 2009 08:45:25 +0000

Вставил сегодня в один из проектов. Впечатляет! Спасибо огромное за способ – Кэмерону Адамсу за идею, тебе за трансляцию.

Раньше как-то ковырялся с этой проблемой, а тут оказывается такое компактное решение имеется:)

By: Flack

Flack — Wed, 25 Feb 2009 19:28:29 +0000

В этом и суть.