goldsky/sticky-footer-2.css

## sticky-footer-2.css
<!doctype html>
<html lang="en">
    <head>
        <style>
            html,
            body {
                height: 100%;
            }

            body {
                /* only to force vertical scroll on browsers */
                overflow-y: scroll;
                /* remove default paddings and margins on browsers */
                padding: 0;
                margin: 0;
            }

            #wrap {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: table;
                width: 100%;
                height: 100%;
                background-color: green; /* DELETE THIS. ONLY FOR DEMO */
            }

            #footer {
                display: table-footer-group;
                height: 1px;
            }
        </style>
    </head>
    <body>
        <div id="wrap">

            [ [*content]]

            <footer id="footer">
                [ [*footer]]
            </footer><!-- footer -->

        </div><!-- wrap -->
    </body>
</html>