lindm Posted September 7, 2008 Share Posted September 7, 2008 The code below shows perfect in firefox 3 and safari 3 on my mac but in Explorer and Firefox 3 (!) on windows the iframe is not 100% tall. Pulling my hair for the last couple of days. Any help to get clean code is appreciated, or other solution as well. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>e-revisor.se : Professionella webbaserade redovisningstjänster</title> <style type="text/css"> <!-- html, body, table{height:100%; } body{ margin:0; padding:0; overflow: hidden;/*No scroll*/ background: #2756A2 url(bilder/xbody_bg.png) repeat-x top center; } th, td, body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color: #FFFFFF; } #topmenu{ background-image: url(bilder/xtopmenu2.png); background-repeat: repeat-x; background-position:top; height:18px; width:100%; padding-top:2px } table td, tr{border:none; padding:0px; background-color:#FFFFFF; vertical-align:top;} --> </style> </head> <body> <table width="820px" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="background-image:url(bilder/xleft.png); background-repeat:repeat-y;"><span style="background-image:url(bilder/xleft.png); background-repeat:repeat-y;"><img src="bilder/xlefttop.png" alt="" width="20" height="145" /></span></td> <td height="100%"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="logo" style="height:75px;background-image:url(bilder/xtopmenu.png); background-repeat:no-repeat; text-align:right"> </div> <div id="topmenu"><a href="main.html" target="mainiframe">Hem</a> </div> </td> </tr> <tr height="100%"> <td> <div style="padding-left:10px;height:100%;"> <iframe name="mainiframe" id="mainiframe" frameborder="0" src="main.html" height="100%" width="770px"></iframe> </div> </td> </tr> </table> </td> <td style="background-image:url(bilder/xright.png); background-repeat:repeat-y;"><span style="background-image:url(bilder/xright.png); background-repeat:repeat-y;"><img src="bilder/xrighttop.png" alt="" width="20" height="145" /></span></td> </tr> </table> </body> </html> Link to comment https://forums.phpfreaks.com/topic/123139-combining-tables-and-divs-doesnt-work-properly-with-100-height/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.