title: DIV - Force height 100%=/= page height?
body: <p>I am in a big of an issue here with a design I am trying to set up. Here is the website for a reference; </p>
  
  <p><a href="http://throwbackhero.com/index1.php" rel="noreferrer">http://throwbackhero.com/index1.php</a></p>
  
  <p>The problem is that I set the body to height: 100%; in the stylesheet and on the #wrapper div as well. The height goes off the current page height and does not take into account that there are other divs that could cause overflow.</p>
  
  <p>I would like, a blank page to be the size of the browser even if the vertical size of the browser is changed, the content/wrapper div will shrink to accommodate.</p>
  
  <p>Can this be done?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Okay so clearly my original question was extremely confusing. Here is a picture;</p>
  
  <p><img src="https://i.imgur.com/8v8yx.jpg" alt="image"></p>
  
  <p>So, in pic 1 (the left) is the issue. With height 100%; on the wrapper and content divs, it is creating that bad boy. I want it to look like picture, where the white/gray area grows/shrinks depending on the size of the browser...</p>