title: Keeping HTML footer at the bottom of the window if page is short
body: <p>Some of my webpages are short. In those pages, the footer might end up in the middle of the window and below the footer is whitespace (in white). That looks ugly. I'd like the footer to be at the bottom of the window and the limited content body just gets stretched.</p>
  
  <p>However, if the webpage is long and you have to scroll to see the footer (or all of it), then things should behave as normal.</p>
  
  <p>What's the proper way to do this with CSS? Do I need Javascript/jQuery to make this happen?</p>
  
  <p>I only care about IE9+ and modern versions of other browsers. The height of the footer can change from page to page too, so I'd like to not rely on the height.</p>