Look how sticky footer is implemented in twitter bootstrap:
http://twitter.github.com/bootstrap/examples/sticky-footer.html[
^]
html,
body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}
#push,
#footer {
height: 60px;
}
#footer {
background-color: #f5f5f5;
}
@media (max-width: 767px) {
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
}