title: Keeping footer at bottom of responsive website
body: <p>i would like to make my footer always show at the bottom of the pages and not move up when there is little page content. I tried</p>
  
  <pre><code>body, html {
  height: 100%}
  
  html body.wide #wrapper.container {
  min-height: 100%;
  position: relative;
  padding-bottom: 226px!important;/*Footer height*/
  }
  
  #containerfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  }
  </code></pre>
  
  <p>but since my site is responsive, the footer height varies and this code will hide content on some pages. Is there any way to make this work?</p>