div formatting, div formatting Options

[J4ason]

ok what i want to do is this:

<div> Header </div> - width 100%

<div id=container>

<div> nav </div> <div> main content </div> - width and height 100% (100% but within the head&footer)

</div>

<div> footer </div> - width 100%

i want the format of the page to look the same no matter what size the window is which is isn't when using pixels sizing.

what do i need to type in as the heigh and width to do this?

at the minute i have the div id=container with a min width of 100% put i am struggling to get the height right

-

i hope i have explained this well and someone can help me. i am just starting to learn.

[J4ason]

found my answer - #div { height: 100vh; }

[pandy]

Support seems rather good in newer browsers. It will fail in older ones though.
http://caniuse.com/#feat=viewport-units