Matt Fielding wrote: > The problem I am having is that my div container in Firefox 2.0 is > not spanning the length of the window by default when using height: > 100% on the container itself, and all parent containers.
> http://mattu.isa-geek.com Firefox (and other good browsers) will calculate 'height: 100%' on any container from its parent. You have forgotten to declare height on div.shadow, so div.container defaults to 'height: auto'. Now, if you add the following... div.shadow {height: 100%; display: table; width: 810px; margin: 0 auto; border: solid 1px red;} div.container {display: table;} ...you'll get an immediate, and positive, reaction from Firefox (and other good browsers). Firefox is slightly behind since (I think) it supports CSS2 for 'display: table', while Opera and Safari seems to support css2.1 for that property and expands all elements completely. Doesn't make much of a difference in most cases. The important parts are 'height: 100%; display: table;' on div.shadow, and 'display: table;' on div.container. I put in the rest just for appearance. Note that 'height: 100%' not only makes an element expand to that height, it also _limits_ it to that height. There's where 'display: table' comes in handy, since that property effectively turns 'height: 100%' into 'min-height: 100%' so the element can keep on expanding if there's more content. IE6 will work fine with the additions above - because of its 'auto-expansion' bug. Mode doesn't matter since you have the old centering-method in there too. I don't know how IE7 will react, since the 'auto-expansion' bug is "fixed" (they say) in that version, but IE7 doesn't support the CSS2/2.1 property 'display: table'. Here's the test-version... <http://www.gunlaug.no/tos/alien/test_07_1850.html> ...so maybe someone will inform me..? regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
