<div class="wrapper">
<div class="main-content">
</div>
</div>
<footer class="page-footer">
</footer>
/* прибьём футер к низу*/
.wrapper{
position:relative;
min-height:100%;
height:auto!important;
overflow:hidden;
}
.wrapper:after {
content: "";
height: 80px;
display: block;
}
.page-footer{
height: 80px;
margin-top: -80px;
}
/* прибьём футер к низу - конец*/