|
Posted by Sebastian Widmann on November 24, 2006, 12:56 am
Please log in for more thread options
Hi!
My html code is posted below. Firefox and IE6 shows the page correctly,
but IE7 has a big problem with the height of the inner table. If I
switch back from XHTML to HTML, IE7 also shows the page correctly. But I
want XHTML.
What do I have to change, so that IE6, IE7 and Firefox shows an inner
table with 100% of height? I don't want divs, so please do not answer:
use divs.
Thanks in advance, best regards
Sebastian
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,html {width: 100%; height: 100%; padding: 0; margin: 0;}
-->
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;
height: 100%;">
<tr>
<td> </td>
<td align="center" valign="top" style="background-color: #0000FF;
width: 900px;">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;
height: 100%">
<tr>
<td style="height: 30px; background-color:#00FF00;"> </td>
</tr>
<tr>
<td style="height: 180px;"> </td>
</tr>
<tr>
<td style="height: 30px; background-color:#00FF00;"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="height: 30px; background-color:#00FF00;"> </td>
</tr>
</table></td>
<td> </td>
</tr>
</table>
</body>
</html>
|