title: Footer at bottom of page with dynamic content area
body: <p>I'm building an app using AngularJS and Bootstrap. The page structure is fairly vanilla in that there is a header area with nav, a content section and a footer. I'm trying to get the footer to display at the bottom of content area, with it displaying at the bottom of the browser window if the content area's height is less than the height of the browser window height.</p>
  
  <p><a href="http://cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/" rel="nofollow">This method here</a> works a treat. </p>
  
  <p>However, being an Angular app the content is dynamically generated and is often longer than the browser window height. When this is the case, the footer sits at the bottom of the browser window over the top of the dynamically generated content. I need to get the footer to show after the dynamically generated content. Ideally this should be done with only CSS, but I'm open to JS solutions too.</p>
  
  <p>Any pointers?</p>
  
  <p>Many thanks.</p>