title: Setting body height to 100%
body: <p>I need to have the body of all my webpages (except homepage) located on <a href="http://www.zorglegal.nl" rel="noreferrer">http://www.zorglegal.nl</a> to the same height (100% browser height), so the brown bar on the right is stretched full screen from top to bottom. How can I best achieve this? </p>
  
  <pre><code>html{
      height: 100%;
  }
  
  body{
      min-height: 100%;
  }
  </code></pre>
  
  <p>doesn't work. I also tried to set a class for the content element and tried to set it to 100% height but that doesn't work either. How can i do this?</p>
  
  <p>The brown bar is a png image and is set as a background image for a fullwidth container. So if that container is 100% high, it should work. But how?</p>