Setting body height to 100%
<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>