Как прибить футтер к низу страницы намертво?

Question

[sitev_ru]

Нужно зафиксировать футтер внизу страницы так, чтобы он там находился всегда и ни скроллинг ни что не влияло на него...

Answer 1

[Григорий]

footer {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
}

Comments

[sitev_ru]

как-то сразу не допер)

Answer 2

[Антон Нагаец]

position:absolute
Не ?

Answer 3

[Антон Иванов]

Да ну не уж то лень погуглить то?
https://www.google.ru/webhp?sourceid=chrome-instan...

Answer 4

[Rokshanuo]

<div id="wrap">  <div id="main" class="clearfix">

</div></div>
<div id="footer">

</div>

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* отступ должен быть равен высоте футера */
#footer {position: relative;
	margin-top: -150px; /* отрицательное значение высоты футера */
	height: 150px;
	clear:both;}

минус такого прибивания в том что сложнее биндиться к событию scroll
и этот вариант не подойдет если футер меняет высоту(например при адаптивности), в этом случае надо гуглить dynamic sticky footer
там будет еще небольшой скрипт постоянно пересчитывающий высоту футера