On 10/02/2006, at 4:32 PM, Gunlaug Sørtun wrote: > 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 ;-) >
Sorry, I meant the page as a whole .. not just that bit of CSS. I did the Flash Satay thing to get the Flash nav to validate. > 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 > -- [] Cool. I removed the min-height :-) Thanks again for your help. Awesome! Cheers Jonno ______________________________________________________________________ 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/
