Charles Blaquière wrote:
> Please have a look at the test page at
> http://00.infocopa.com/apropos/toto2.html . I'm testing in FF 1.5.0.7
> at first.
>
> I can't get the (beige, red border) body to span the entire height of
> the page. Works fine if the text is shorter than the viewport (zoom
> font size down to see), but if the text is longer than the viewport,
> scrolling reveals that the body did not stretch accordingly, although
> its child divs (aqua, yellow borders) did.
>
> Every reference I could find mentioned setting html and body height
> to 100%, but I'm obviously missing something.
Not really, but setting a height: 100% on body means it won't grow any
taller than that - except in IE6.
The addition of...
body {display: table;}
...will make your page work though. That's because a CSS table will
stretch to contain everything inside - regardless of declared height,
and body will now act accordingly.
Tested in Opera 9.01 and Firefox 1.5.0.7.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
