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

Use #element{ height:100vh}

This will set the height of the #element to 100% of viewport. Hope this helps.