codice:
* {
margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* margine negativo che corrisponde all'altezza del footer  */
}
.footer, .push {
	height: 142px; /* .push = stella altezza del .footer */
}

<body>
<div class="wrapper">
<div class="header">
<h1>Sticky Footer</h1>
</div>
<div class="push"></div>
</div>
<div class="footer">
</div>
</body>