I want to have ONLY full width and HEIGHT web page, no scrolling and so on.
First I inserted Section, that will be holding all content inside of it. Inside that section are three DIV’s. First for Header( Navigation), second for main content and third for Footer.
Now the thing is that I would like to have Main Content DIV 100% height between Header and footer. But not 100% height of a browser window.
How can I achieve that? Somehow I can not find a proper (read: working) solution…
No matter the size of a browser, Head and Footer are at the same position, right?
Space between those two are meant for content. And for that content I wish it’s always filled 100% of a space available between header and footer.