title: Make div stick to bottom of page
body: <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>