Есть одно отличное решение для такого футера: http://ryanfait.com/sticky-footer/
Используйте DIV с классом «wrapper», который будет умещать всё содержимое. После него вставьте DIV с классом «push», а затем сам футер (т.е. DIV с класом «footer»). Вот такая структура:
<div class="wrapper"> <div class="push"></div>; <div class="footer"></div>; </div>
Ну и CSS:
* { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; /* нижний внешний отступ должен быть равным отрицательному значению высоты футера */ } .footer, .push { height: 142px; /* .push должен быть такой же высоты, как и .footer */ }
Да здравствует кгоссбраузегность, товагищи!