Футер прижатый к низу окна браузера - Вопросы по CSS

День добрый.

Посмотрел я курсы по CSS "специалиста". В нем лектор рассказывал про то, как прижать футер к низу окна браузера.
Вот код:

http://jsfiddle.net/UBwq8/1/

Все понятно, кроме одного. Зачем нужен блок #all (при том доп. блок во всех статьях на эту тему делают). Якобы основная цель у него - чтобы текст с контента не заходил на футер, ну и чтобы учитывались плавающие элементы (overflow:hidden;)

Окей. Но не проще ли сделать так? http://jsfiddle.net/cyZ7R/3/ Никакого доп. блока ненужно. Я подозреваю, что все таки второй пример или где-то неверен, в каком-то случае, или я что-то недопонимаю. Но в нем все прекрасно работает - и текст не заходит в футер, и учитываются плавающие элементы, и блока пустого нет.

Вопрос: а нафига этот блок #all?

http://www.cssstickyfooter.com/using-sticky-footer-code.html - я использую этот способ ... это оч похоже на второй ваш пример.
Опять же кому как нравится ... в первом случае all отжимает вниз на 150 а потом main это компенсирует ... получается - на + = 0. Лишние телодвижения ... второй способ более логично понятен.

Imperil, все зависит от конкретной верстки. Если к примеру выше футера куча блоков, которые весьма динамично себя ведут - неизвестно, когда, какой именно и на какой странице отображаться будет - паддинг не подойдет. А распорка - она всегда есть, как ни крути.

Конечно, можно заключить все верхнее в еще один див-обертку и дать ему нижний паддинг, но по коду никакой разницы нет - тот же лишний div, только в другом месте.

Так что все зависит от конкретного проекта.

Есть два рациональных способа для прижатия футера:
а) футер фиксированной высоты: делаем HTML, body и первую обёртку высотой 100%, а футер отрицательным отступом подымает вверх от низа экрана + добавляем div пустой для фикса отступа;
б) футер нефиксированной высоты (куда реже бывает): юзаем display:table и производные.

Shustry, можешь дать пример второго варианта?

Это не первоисточник. Оригинал чёт не находится в сети. Но и так тут всё понятно.

Немного добавлю.
очень важно понимать, что сверстать что либо с одинаковым отображением можно совершенно по разному. А различия лучше или хуже лично для меня заключаются в следующем:
1. Корректное отображение во всех современных браузерах (на сегодня уже легкая задача).
2. Минимизация кода (не надо лепить 100500 элементов там где справиться один).
3. Проверка на валидность (бывает сложно сделать из за особенностей проекта, но дико интересно довести до ума).

Если эти пункты выполнены, то лучше не задумываться над этим и идти дальше, брать новые задачи и решать их, тем самым поднимется проф. пригодность)