Footer к низу сайта

Способ, который мне больше всего понравился:

<body>
	<div class="page-wrapper">
		<div class="page-buffer"></div>
	</div>
	<div class="page-footer"></div>
</body>
 

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.page-wrapper {
    min-height: 100%;
    margin-bottom: -50px;
}
* html .page-wrapper {
    height: 100%;
}
.page-buffer {
    height: 50px;
}

Но работает только с фиксированной высотой футера.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *