Geek asks and answers

Windows 7 Browsers Ignoring DIV Height 100%

I use jQuery UI.Layout and OSX plugin in Chrome, FF and Safari, all of this is hunky dory. However, on Windows (7) on Firefox, Chrome, and IE8, I get the following:

The DIV / # Project Container layout container does not have a height.

Therefore, the DIV is not displayed. My div is very simply defined like this:

<div id="project-container" style='height: 100%'>
....
</div>

So what gives? If I say height: 100px, it does. Why does this only happen in Windows browsers (other than the obvious reasons for breaking Windows).

+3
source share
1 answer

It is generally recommended to make sure that you apply 100% height to the body and html tags:

html, body {
    height: 100% !important;
}
+1
source

More articles:


All Articles