nicht angemeldet
Hallo zusammen,
ich habe folgendes Problem und brauche Eure Hilfe:
Und zwar habe ich eine Tabelle mit zwei Spalten. Die erste Spalte erstreckt sich über zwei Zeilen und ist für die Höhe der Tabelle bestimmend. Die zweite Spalte teilt sich in zwei Zeilen. Die obere soll von definierter Höhe (zum Beispiel 40px) sein, die untere sich dem Rest der Tabellenhöhe anpassen. Der Quelltext sieht folgendermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Beispiel 1</title>
<style type="text/css">
#zelle1 {background-color:red; }
#zelle2 {background-color:green; height:40px; }
#zelle3 {background-color:blue; }
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan ="2" id="zelle1">Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br>Zelle 1<br></td>
<td id="zelle2">Zelle 2</td>
</tr>
<tr>
<td id="zelle3">Zelle 3</td>
</tr>
</table>
</body>
</html>
Anzugucken unter: http://home.arcor.de/m.b.link/beispiel1.html
Nun zum konkreten Problem: Firefox und Safari stellen die Seite so dar, wie von mir gewünscht. Nur der IE hält sich nicht an die vorgegebene Höhe der ersten Zeile der zweiten Spalte. Woran liegt das? Und wie kann ich dieses Problem umgehen?
Vielen Dank für alle Antworten im Voraus, Martin
Gernot Back