adiktofsugar/sticky-footer.css

## 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;
}

## 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>