This is the best solution I found so far.
http://mystrd.at/modern-clean-css-sticky-footer/
The CSS.
html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 100px; /* bottom = footer height */
}
footer {
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
}
Here is how you would use it.
<!DOCTYPE html>
<head>
<title></title>
</head>
<body>
<nav></nav>
<article>Lorem ipsum...</article>
<footer></footer>
</body>
</html>
a developer's notes - a semi-technical web development BLOG 
Leave a comment