How to properly set the 100% DIV height to match document/window height?

Question

I have a wrapper positioned to center with an y-repeated background image:

    

        ...some content
    
&         


        

Answer 1

simplest way i found is viewport-height in css..

div {height: 100vh;}

this takes the viewport-height of the browser-window and updates it during resizes.

see "can i use" for browser compatibility list