adiktofsugar · August 20, 2016 20:44
diff --git a/sticky-footer.css b/sticky-footer.css
 /* sticky footer */
 html, body {
    height: 100%;
    margin: 0;
    padding: 0;
 }
 #page-wrap {
    min-height: 100%;
    margin-bottom: -70px;
 }
 #page-wrap:after {
    content: "";
    display: block;
 }
 #footer, #page-wrap:after {
    height: 70px;
 }

 #page-title {
  margin-top: 0px;
 }
diff --git a/sticky-footer.html b/sticky-footer.html
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <title>Sticky footer example</title>
    <link href="/media/css/sticky-footer.css" rel="stylesheet" />
 </head>
 <body>
    <div id="page-wrap">
        <h1 id="page-title">Sticky footer example!</h1>
    </div>
    <div id="footer">
        <p>Im at the bottom</p>
    </div>
 </body>
 </html>