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 It's the div#bgLayer {height: 100%;} and div#wrapper {height: 100%;} that makes the DIVs height locked to the window-height. Good browsers will honor given dimensions on containers - regardless of what that height is set to. Only IE/win (IE6 and earlier) will expand to 'contain the content' - and that's a bug[1]. 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;} ...which makes those DIVs behave as you want by stretching the outer DIV. The other DIVs will follow, since the will "see" the new height and adjust to it. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.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/
