Jonathan Mao wrote: > I've added the height parameter to the #bgLayer DIV and that's > resolved the problem for Safari and FireFox... haven't tested IE/Win > yet.
> http://www.abcreative.net.au/test/ > and.... it validates!!!!! woo hoo! So it should, since 'CSS table'[1] is valid CSS2/2.1 ;-) Note: no 'min-height' needed since 'display: table' turns 'height: 100%' into 'min-height: 100%' by default, which means a container with 'height: 100%;' set on it will stretch to at least fill the viewport when body has that height (which it has in your latest CSS). From there the container will continue to stretch as far as needed - depending on the amount of content. ---- This use of 'CSS table'[1] might solve those problems many have when they want CSS layouts to behave like old 'html tables' and fill the viewport. Not all browsers are up to full use of 'CSS table' yet, but the latest are handling enough of the specs to make it work. IE doesn't have a clue, of course, but IE6 (and older win-versions) can at least be tricked by 'height' acting as 'min-height' anyway. IE7 is unclear, as it is indicated that 'CSS table' won't be included - the old 'height = min-height' won't work anymore - and they're still working on 'min-height'. We'll see... regards Georg [1]http://www.w3.org/TR/CSS21/tables.html -- 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/
