Untitled

<html>
    <head>
    </head>
    <body>
        <div id="page">
            <div id="content">
                <h1>Footer always in bottom</h1>
                <p>quequeisso.</p>
                <p>quequeisso2.</p>
            </div>
            <div id="footer">
                <p>footer here</p>
            </div>
        </div>
    </body>
    </html>

E o CSS abaixo:


    * {
        padding: 0px;
        margin: 0px;
    }

    html, body {
        height: 100%;
    }

    #page {
        min-height: 100%;
        position: relative;
    }

    #footer {
        width: 100%;
        bottombottom: 0;
        position: absolute;
    }