Как правильно прижать «footer» к низу страницы

Думаю, для многих web-мастеров уже не составляет труда сверстать страницу, где «подвал» будет прижат к её нижней границе. Вот метод который использую, подсмотренный уже не помню где.

Итак, несколько пояснений для новичков: для начала уберём (обнулим) все лишние отступы.

Далее укажем, что высота html должна быть 100% от высоты браузера.

Для body устанавливаем высоту равную высоте содержимого страницы, но как минимум это должно составлять 100%. А также зададим относительное позиционирование для body, ведь именно относительно него будет позиционироваться "подвал".

Вот эта строка {height:auto !important; min-height:100%; height:100%;} может кого-то из новичков запутать, но ничего страшного тут нет. В Internet Explorer, height работает также как в нормальных браузерах min-height. Правило !important, опять же, повысит приоритет стилевого параметра для тех браузеров, которые его понимают, а IE обработает последнее, указанное в конструкции. Это ещё один весёлый такой «косяк» всенародного браузера от Microsoft.

В вышеописанной конструкции мы его используем просто как трюк для сокращения записи. Вообще-то, всё же рекомендую выносить стилевые правила для IE в отдельный css-файл, подключенный с помощью "сonditional comments".

Наконец, задаём абсолютное позиционирование для подвала и указываем координаты.

Вроде ничего сложного. Однако, как всегда есть некоторые нюансы.

Итак, после того как была расчитана высота документа «подвал» был отрисован точно в том месте, где мы указали. Но, предположим, на странице есть динамическое содержимое, которое отображается уже после того, как страница была сформирована браузером, что довольно частый случай.

В этом случае, всеми любимый Internet Explorer добавит динамическое содержимое, но высоту документа пересчитывать не станет и позиция «подвала» не изменится, а значит содержимое «провалится».

Чтобы этого избежать, нам понадобится дополнительный блок между содержимым и «подвалом», который будет как бы толкать его вниз страницы при изменении содержимого.

Поведение IE всегда было большой загадкой, то или иное решения чаще подсказывает интуиция, и не поддаётся какому-либо логичному объяснению. Хотя, если у вас есть обоснование решения описанной проблемы, пишите свои мысли в комментариях, с удовольствием почитаю.