footer-bottom.css

<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;	
}
/* прибьём футер к низу - конец*/


/*второй способ*/
body {
	min-height: 100%;
	position: relative;
	padding: 0 0 footer-height 0;
}
footer {
	height: footer-height;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}