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 -- 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/