Make div stick to bottom of page
<p>So I made a contact page and I want the footer <code>div</code> to be sticking to the bottom of the page not right after the contact form.</p>

<p>But if I put everything to a container <code>div</code> with <code>height:100%;</code> and make footer <code>bottom:0;</code> then the page will be "too long", you have to scroll, etc...</p>

<p>My <code>css</code> so far:</p>

<pre><code>#footer{
    background-color:#fff;
    font:bold 14px;
    color:#1E88E5;
    width:100%;
    height:auto;
    padding:1%;
    border-top:1px solid #1E88E5;
}
</code></pre>

<p>Footer is just a normal full width <code>div</code> with some centered text atm.</p>