On 09/02/2006, at 7:39 PM, 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 > > 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
Thanks Georg That fixed the problem. But introduced another... 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. Is that achievable? I've used repeated background images but that doesn't seem to do the trick... Thanks again Jonno ps. I'm in the process of validating the page now too. Sorry folks, I should have done that before posting. ______________________________________________________________________ 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/
