Способ, который мне больше всего понравился:
<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;
}
Но работает только с фиксированной высотой футера.