title: Responsive content wrap when using position absolute footer
body: <p>Working on a new design using bootstrap3 and trying to stretch the page so that even if there's not enough content to fill the page, the footer section would stay to the bottom.</p>
  
  <p>The reason why I'm using position absolute, is because there's a link from the billing software that's being added within the content, I don't want to remove the link but position it a bit to the bottom in the footer section, in the center bottom, thus since I can't control where this will appear(do know where appears, just can't control), using position absolute on the specific element helps me here.</p>
  
  <p>Now, that's not issue, just saying why I need to use position absolute and why I made the divs like this:</p>
  
  <pre><code>wrapper
     &gt;&gt;wrapper_content
     &gt;&gt;wrapper_footer
  </code></pre>
  
  <p>fiddle: <a href="http://jsfiddle.net/raicabogdan/jsk1b7ua/4/" rel="nofollow">http://jsfiddle.net/raicabogdan/jsk1b7ua/4/</a></p>
  
  <p>the footer section is properly set to the bottom, however for some reason, the wrapper_content does not go 100% height automatically on load or on window resize. Also if you resize to mobile view, content will go down few table rows.</p>
  
  <p>The content goes under the footer section.</p>
  
  <p>What am I doing wrong here? Left a fiddle of the html page along with some css that I felt were needed above.</p>
  
  <p>Hope there's someone that could get me out of this.</p>
  
  <p>Cheers.</p>