Ich habe mal eine Frage. Ich habe hier eine HTML-Tabelle erstellt, die eigentlich schön den Eingang meiner Hautpseite darstellen soll. Aber leider zeigt der Internetexplorer nur komiches Zeug an. Wie kann ich das änden?
Code:
<html>
<head>
<title>test</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div align="right"></div>
<table width="100%" border="0" height="100%">
<tr>
<td>
<div align="right">
<p><a href="index.php"><img src="pic/header.gif" border="0"></a>
</div>
<table border="0" bordercolor="#000000" cellspacing=0 cellpadding=0 width="100%">
<tr>
<td width="20"><img src="pic/up_1.gif"></td>
<td width="20" background="pic/up_bg.gif"></td>
<td width="20"><img src="pic/up_2.gif"></td>
<td width="20"></td>
<td width="20"><img src="pic/up_1.gif"></td>
<td background="pic/up_bg.gif"></td>
<td width="20"><img src="pic/up_2.gif"></td>
</tr>
</table>
<table width="100%" height="75%" border="0">
<tr height="27">
<td bordercolor="#FFFFFF" width="11%" height="27"> </td>
<td bordercolor="#FFFFFF" width="89%" valign="top" height="27"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td bordercolor="#FFFFFF" width="11%" height="2"> </td>
<td bordercolor="#FFFFFF" width="89%" valign="top" height="2"> </td>
</tr>
</table>
<table border="0" bordercolor="#000000" cellspacing=0 cellpadding=0 width="100%">
<tr>
<td width="20"><img src="pic/down_1.gif"></td>
<td width="19" background="pic/down_bg.gif"></td>
<td width="21"><img src="pic/down_2.gif"></td>
<td width="20"></td>
<td width="20"><img src="pic/down_1.gif"></td>
<td background="pic/down_bg.gif" width="883"></td>
<td width="20"><img src="pic/down_2.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
So soll es aussehen
http://home.arcor.de/gortek-sama/tabelle1.jpg
und das gibt der Internet Explorer aus:
http://home.arcor.de/gortek-sama/tabelle2.jpg
Doch das komiche ist das: Die tabelle unten wird angezeigt. Nur die oben wird falsch angezeigt. das kann doch nicht sein oder?