Dave M G wrote: > Audra wrote: > >> It should be... >> #whole { min-height: 100%; } >> You described it correctly at first so did you mis-type perhaps? >> > Yes, that was a typo. Thank you for catching it. > > Just to be double sure, I rechecked my CSS code and uploaded it again. > > The <html> and <body> tags are set to height: 100%, and the #whole > containter is set to min-height: 100%. > > But the problem as originally reported is still there. >
Dave, Your #whole div *is* filling the browser window. But the red borders are not actually borders on it, but elements nested within it. You haven't told the bottom one to move to the bottom of its containing element, the #whole div. You could do so with absolute positioning. The problem then becomes that the left and right red borders, again nested divs, do not stretch down the full height of #whole. This is because #whole only has a min-height on it, not a height, and they need their parent to have a height that they can base their own height or min-height on. You can probably get it to work by messing with table display properties instead, then using the height stuff for IE hacks. Not sure how IE 7 will handle that, though, since it doesn't have all the auto-stretch bugs that IE 6 has but also doesn't have support for table display properties. I'm afraid I don't have time to try a whole new system that might be required in your situation, but hopefully that gives you additional understanding about what is going on and some ideas about where to turn next for a solution. Best, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/