I recently updated my website, replacing a table with a div as the body of the page. I want this division to be at least the height of the screen but also grow if content scrolls off the page. In IE, the page renders fine, but in FireFox, the division does not grow if the text scrolls beyond the bottom of the screen.
An example page is http://www.swimoregon.org/AquaMaster/ The division's id is body and below is the relevant css body { height:100%; padding:0; margin:0px; text-align:center; background-color: #336EA8; } #body { width: 649px; min-height: 100%; height: 100%; border-left:4px solid #000000; border-right:4px solid #000000; padding-left:2px; padding-right:2px; background-color:#ffffff; margin-left:auto; margin-right:auto; } I'm constantly fighting with this set up and actually used a table on another website to avoid this problem. I would really like to figure out how to do this with a division as I understand that tables are deprecated in the use of layout. Thank you, Robbert van Andel ______________________________________________________________________ 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/
