> 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
Thank you for your help Georg, and also the explanation of the display:
table property. I have one more question about what you had mentioned
though. You say I'm using the old centering method, so I was wondering if
there a new, more acceptable way of doing it? For what I need this obviously
works fine, but for standards purposes I'm just curious if there's a more
appropriate way of doing it. Thanks again!
Mattu
______________________________________________________________________
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/
