In attempting to put together a website I seem to have stumbled upon a rendering bug in Internet Explorer 6 (and presumably earlier). The page in question renders fine in Firefox 1.5, Safari and Opera 9 which display no vertical scroll bar, however IE renders the page longer than it should and produces a vertical scroll bar. I have no idea what's causing the problem in IE, or how to fix it, hopefully somebody out there can advise, HTML with CSS is as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html> <head> <title>Main</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- html, body { height: 100%; margin: 0; padding: 0; border: none; } body { background-image: url(/images/background.jpg); background-repeat: repeat; } table#zcontainer { height: 100%; width: 780px; background-color: #FFFFFF; margin: 0 auto; text-align: left; border: 1px solid #000000; } --> </style> </head> <body> <table id="zcontainer" cellpadding=0 cellspacing=0 > <tr> <td bgcolor="#CCCCCC" style="height:46px;">top</td> </tr> <tr valign="top"> <td style=" height:100%;">main</td> </tr> <tr> <td bgcolor="#CCCCCC" style="height:46px;">bottom</td> </tr> </table> </body> </html> ______________________________________________________________________ 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/
