On 10/02/2006, at 5:54 AM, Gunlaug Sørtun wrote: > Jonathan Mao wrote: >>>> The problem is, when the browser window is less than the height >>>> of the page the content seems to go out of the DIVs. >>> >>>> http://www.abcreative.net.au/folio_print_case.html http:// >>>> www.abcreative.net.au/folio_tv_showreel.html > > ... > >>> We naturally want the DIVs to expand/stretch so they 'contain the >>> content' here. CSS tables do that by default in any good browser, >>> so try adding this: >>> >>> #bgLayer {display: table;} > > ... > >> Some pages don't have much content (e.g., the About page) and so they >> appear very short. In other words, the white background doesn't go >> to the bottom of the browser window. >> >> Ideally, I'd like the pages to be the full height of the browser >> window.. so that there's the white background all the way to the >> bottom of the viewport. > > Short pages did extend to bottom of viewport at my end - with that > 'display: table' addition. Good browsers simulate old 'html tables' > when > given that display-style. > > Which browser(s) create problems? > Did you make any other changes to those styles? > > Give us a link to the most troublesome page, and we'll evaluate it and > see what's possible to do. > > regards > Georg
Hi again George 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. The test page is here: http://www.abcreative.net.au/test/ and.... it validates!!!!! woo hoo! Thanks again for your help 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/
