Sticky footer with push div
The HTML
<html>
<head>
</head>
<body>
<div id="wrapper">
<p>Your content goes here.</p>
<div class="push"></div>
</div>
<div id="footer">
<p>This is a sticky footer</p>
</div>
</body>
</html>
The CSS
*{
margin: 0;
}
html,
body{
height: 100%;
}
div#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px;
}
div#footer,
div.push{
height: 150px;
}

