Nervensache
Mitglied
Hallo zusammen,
mein Problem ist eigentlich relativ simpel: Ich möchte, dass eine Zeile meiner Tabelle eine feste Höhe hat und sich die beiden anderen Zeilen dynamisch an die Höhe anpassen.
Folgender Code funktioniert im Firefox wunderbar, im Internet Explorer leider nicht:
Ich versteh gar nicht, wieso das beim Internet Explorer nicht funktioniert. Gibt's da ein work-around ?
Wenn ich für die Spalten standardmäßig die Höhe auf 100% stelle (td {height: 100%}), dann ist auf einmal die Höhe der ersten Spalte fest, jedoch die beiden anderen viel zu groß.
Viele Grüße
Simon
mein Problem ist eigentlich relativ simpel: Ich möchte, dass eine Zeile meiner Tabelle eine feste Höhe hat und sich die beiden anderen Zeilen dynamisch an die Höhe anpassen.
Folgender Code funktioniert im Firefox wunderbar, im Internet Explorer leider nicht:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
html, body {
height: 100%;
}
table { height: 100%; border: 1px solid #0000FF; padding: 5px}
td { border: 1px solid #FF0000;}
tr.eins, td.eins { height: 20px; }
</style>
</head>
<body>
<table>
<tr class="eins"><td class="eins">teest1</td></tr>
<tr><td>teest2</td></tr>
<tr><td>teest3</td></tr>
</table>
</body>
</html>
Ich versteh gar nicht, wieso das beim Internet Explorer nicht funktioniert. Gibt's da ein work-around ?
Wenn ich für die Spalten standardmäßig die Höhe auf 100% stelle (td {height: 100%}), dann ist auf einmal die Höhe der ersten Spalte fest, jedoch die beiden anderen viel zu groß.
Viele Grüße
Simon