Блочная верстка и футер

JonnyB, там не нужен JS. Существует простое решение.

IE6 - горизонтальный скроллинг, об этом я писал выше..

JonnyB, скроллинга нет — http://www.thedarkone.ru/temp/footer/.

Вот ещё вариант: http://php77.com/html.html

взято отсюда: http://www.zakharov.ms/footer/

Данный вопрос уже поднимался на этом форуме.:)

У первого предложенного способа, есть проблемы при float блоках, на этом сайте решение, чуть-чуть другое, но оно не работает под IE5, 5.5.

Мой способ

<div class="all">Все содержимое

<div class="clear"></div>

</div>

<div class="footer"></div>

.all{

min-height: 100%;

}

*html .all{ 

height: 100%; 

}

.clear{

height: 122px;

clear: both;

}

.footer{

height: 122px;

margin: -122px 0 0 0;

}

Работает везде, без скриптов

Если имелся в виду способ, о котором написал я, то только что проверил на standalone IE5.5 SP2 - работает. Хотя в нём и отсуствует минусовый марджин.

На встроенном ИЕ5.5 возможности проверить нет.

Как-то пропустил ваше сообщение.:)

На встроенных наверное ни у кого нет возможности проверить.;), но на не встроенных,

работает, и в 5 и 5.5.

А так тоже хороший способ (в принципе они схожи, но ваше решение поэлегантнее), хотя минусовый марджин присутствует.

А писал, я про способ когда body и footer, задается position: absolute;,и для footer

bottom: 0;

Но так как 5 и 5.5 не понимают bottom, этот способ в них не работает.

Точно, в моем примере тоже есть, только в другом месте. Проглядел :)

там есть недостаток в том, что позиционируется в центре контент по моему при табличке.

Хотя возможно пробуя данный способ я что то недоглядел.

Сам пользуюсь способом, похожим на тот, который предложил ASA_NN, только добавляю ещё одну детальку, чтоб футер не наезжал на контент при сужении окна браузера , а именно, полностью выглядит таким образом:

код HTML

стиль

сказал похожим, потому что работаю в основном с двумя блоками, один из которых футер, а минусовый маржин я задаю как раз верхнему блоку а не футеру самому.

О! юбилей! сообщений 100! ))

Я его тоже не сразу заметил, только когда в суть стал выезжать.

Так что бы футер не наезжал на контент и задается высота для блока clear.

А в вашем случае отступ между футером и контентом будет выше на высоту футера

(скорее всего вы просто не внимательно посмотрели мой код). В вашем примере блок pre

лишний, не к чему он.:) Или, я что-то не понимаю?