сss (9) сss3 (14) ajax (2) css (42) drupal (7) Fix IE6 (4) font (4) html (23) javascript (22) jQuery (15) js (5) less (1) php (1) scss (1) soft (2) vue (1) webstorm (1) wordpress (1)

Прижать Footer

Задача: два блока с класами content и footer. надо сделать так чтобы footer был всегда в низу страницы.

Решение: Растянуть блок content на весь экран, а footer либо добавить внизу и сделать минусовый отступ, либо сделать ему абсолютное позыционирование
<style >

html,body {
height: 100%;
}

.container {
height:100%;
min-height:100%;
height:auto !important;
margin-bottom: -100px;
}

.footer{
height:100px;
}

<style />

Ну плюс, надо в .container в конце поместить блок .wrap высотой равной футеру(height:100px;) потестить, возможно прийдеться фиксить в ИЕ6, но это нюансы, тестить лень для шпоры сгодиться и так :)