schalkburger/css-sticky-footer.html

## css-sticky-footer.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS sticky footer</title>
<style type="text/css">
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

#container {
   height:100%;
}
</style>
</head>
<body>

<div id="container">
   <div id="header"></div>
   <div id="body"></div>
   <div id="footer"></div>
</div>

</body>
</html>