nicht angemeldet
Hallo,
folgender Quelltext macht mir erheblich zu schaffen (grobe Struktur):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Seitentitel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body, html {
height: 100%;
margin: 0px; }
.mytable {
height: 100%;
width: 100%; }
</style>
</head>
<body>
<table class="mytable" cellspacing="0" cellpadding="0">
<tr style="height: 100%;">
<td><img src="irgendwas.gif" height="200"></td>
</tr>
<tr style="height: 50px;">
<td>test</td>
</tr>
<tr style="height: 180px;">
<td>test</td>
</tr>
<tr style="height: 30px;">
<td>test</td>
</tr>
</table>
</body>
</html>
Ich will damit erreichen, dass
a) die Tabelle immer mindestens so hoch wie das Anzeigefenster ist und
b) die oberste Zeile sich der Fenstergröße anpasst und die restlichen immer gleich hoch bleiben.
Leider macht das der IE6 nicht mit; er macht die obere Zeile genau so hoch wie das Anzeigefenster (100%), so dass man scrollen muss, um den Rest zu sehen. Ohne Angabe zur Höhe der Zeile macht er sowieso, was er will (die anderen Höhenangaben stimmen dann nicht mehr).
Komisch ist: sobald ich die Angabe zur DTD entferne, gibt es keine Probleme mehr.
Woran liegt's jetzt also ? Interpretiert der IE bloß die DTD richtig ? (das halte ich aber eher für unwahrscheinlich) Und was kann ich dagegen machen ?
Für Mozilla 1.0 ist das überhaupt kein Thema, er zeigt meine Seite immer an, wie ich es gerne hätte (mit _und_ ohne DTD). Aber der ist eben leider nicht der Browser, den alle benutzen...
Danke für eure Hilfe.
Grüße aus Darmstadt,
Benjamin