Как сделать чтобы footer сайта был виден внизу

Подскажите как сделать с помощью css, чтобы footer сайта был внизу, но виден тогда, когда контент страницы меньше чем высота экрана. А когда контент больше, то footer бы опускался за экран.
Заранее спасибо.

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

ксс

kodskoy
Дык а если высота этого пустого блока не задана, то он же не будет опускаться вниз экрана, если контент большой. Или я неправильно понял.
И как прижать footer к низу браузера? Т.е. чтобы он был внизу экрана, если высота контента меньше экрана.

-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP

prog90

Заключи все свои блоки в контейнер
<div id="container">
...
</div>


создаешь 2 блока перед футером
<div id="clear"></div>
<div id="rasporka"></div>

в ксс задаешь свойства селекторов
#clear{
height:0;
font-size:1;
line-height:0;
clear: both;
}
#rasporka{
height:здесь нужна такая же высота как у футера;
}

селектору body добавляешь:
height:100;
селектору container добавляешь:
min-height:100%;
сам футер выносишь за блок контейнера.

Должно получиться как хочешь.

(Отредактировано автором: 01 Сентября, 2011 - 00:23:07)