Закрепление нижнего колонтитула в нижней части браузера

Question

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

Answer 1

Вы можете установить свойство bottom в 0. Пример:

.footer
{
    background-color:#FFFACD;
    bottom:0;
    position:fixed;
    z-index:250px; 
}

Answer 2

Проверьте образец и его Google Code Base

Answer 3

Вот ваш css

html, body {height:100%;padding:0;margin:0;}
#footer {position:absolute;bottom:0;left:0;width:100%;background-color:#f00;}
#scrollingbody {overflow:auto;height:100%;}

Вот ваш html

<div id="scrollingbody">content goes here</div>
<div id="footer">here is footer</div>