Hallo,
ich komme langsam nicht mehr weiter, und hoffe ihr könnt mir helfen.
Hier ist der vereinfachte Code, um mein Problem darzustellen:
<!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">
<!-- Start Kopfbereich -->
<head>
<title>Bernhard Wagner ~ Home</title>
<link rel="stylesheet" href="scripte/style2.css" type="text/css" />
</head>
<body>
<table style="width: 100%; height: 100%; background-color: #222222">
<tr>
<td style="height: 120px; background-color: #FF0000"></td>
</tr>
<tr>
<td style="height: 100px; background-color: #00FF00"></td>
</tr>
<tr>
<td style="height: auto; background-color: #0000FF"></td>
</tr>
<tr>
<td style="height: 200px; background-color: #000000"></td>
</tr>
</table>
</body>
</html>
und die dazugehörige CSS-Datei:
html {
height: 100%;
}
body {
background-color: #FFFFFF;
font-family: "Arial", Times, serif;
font-size: 14px;
font-weight: normal;
color: #7D7C62;
text-decoration: none;
height: 98%;
margin: 4px;
border: 1px solid #55A528;
}
wenn ich sie mir jetzt im FF anschaue, wunderbar, so wie es sein soll. (Die blaue Zelle sollte sich der Größe des Fensters anpassen, alle anderen haben ja eine feste Höhe)
Der IE6 blendet die blaue Zelle so gut wie komplett aus, zieht dafür die anderen 3 Zellen größer.
Danke schon mal, das ihr drüber schaut.
Gruß,
Paric