title: Align footer to the bottom of printed HTML page?
body: <p>I have a standard website, and when printed (for PDF-making purposes on Safari OS X), I'd like the footer to align to the bottom of whatever printed page it is on — i.e. the last page of the document.</p>
  
  <p>Like this:</p>
  
  <p><img src="https://i.stack.imgur.com/raNVL.png" alt="Print-footer-align-to-bottom"></p>
  
  <p>Is that possible?</p>
  
  <p><br></p>
  
  <p>I have used a media query (<code>@media print { }</code>) for all other print stylesheet details (excluded for simplicity).</p>
  
  <p><a href="http://jsbin.com/inokup/1/edit" rel="nofollow noreferrer">Demo code is here</a>; for the <code>screen</code> page itself, here is the HTML:</p>
  
  <pre><code>&lt;div id="footer"&gt;
      &lt;p&gt;A bunch of example stuff inside here...&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which is situated with absolute positioning:</p>
  
  <pre><code>#footer {
      color: #fff;
      background: #000;
      width: 100%;
      position: absolute;
      bottom: 0px;
  }
  </code></pre>