nicht angemeldet
Relative Tabellenhöhe in HTML 4.01
Hallo zusammen,
bei dem Versuch, validen HTML 4.01 Quelltext zu produzieren,
bin ich auf folgendes Problem gestossen:
Ich verwende in einer <table> das CSS-Attribut "height:100%",
um den Effekt zu erreichen, dass die Tabelle sich auch in
ihrer Höhe am umgebenden Element und damit letztlich an der
Fenstergrösse orientiert und sich soviel Platz nimmt, wie sie
bekommen kann. Beispiel: Unten folgender Code table.html
Wenn man sich diesen Code in einer Datei table.html sichert
und mit dem Internet Explorer betrachtet, sieht man, dass die
Tabelle sich in Breite *und* Höhe nach der Fenstergrösse
richtet.
Fügt man jedoch am Anfang die <!DOCTYPE-Deklaration ein,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
so hat man den Effekt nur noch für die Breite, nicht mehr
für die Höhe!!!
Das Phänomen tritt nur im IE 6.0 auf, nicht in IE 5.5.
Die HTML 4.01 Spezifikation muss sich also inkompatibel
geändert haben - ohne Not würde Microsoft nicht ein schon
existentes Feature wieder ausbauen.
Was ist zu tun? Wie kann ich HTML 4.01-konform den gewünschten
Effekt erreichen?
Gruss,
Rüdiger
*-------------------table.html-----------------------------*
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Problem mit height-Attribut</title>
</head>
<body>
<table border="1" style="width:100%;height:100%">
<tr>
<td style="text-align:center">
Test
</td>
</tr>
</table>
</body>
</html>
*-------------------table.html-----------------------------*
-
Hallo,
dass die Tabelle sich auch in ihrer Höhe am umgebenden Element
und damit letztlich an der Fenstergrösse orientiertfür wie hoch hält der Browser diese "umgebenden Elemente"?
In den Head-Bereich:
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
</style>mfg NAG
--
signatur-
Hallo Nag,
In den Head-Bereich:
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
</style>danke, das war's! (Es würde sogar reichen, das <body>
Tag zu formatieren).Gruss,
Rüdiger-
Hallo,
danke, das war's! (Es würde sogar reichen, das <body>
Tag zu formatieren).wenn du das sagst, wird es schon stimmen ;)
aber vielleicht habe ich _nicht ohne Grund_ beide Elemente formatiert?Bedenke, dass es noch andere (und vor allem bessere) Browser neben dem Internet Explorer existieren.
mfg NAG
--
signatur-
Hi,
aber vielleicht habe ich _nicht ohne Grund_ beide Elemente formatiert?
nunja, zumindest einen margin für html wird wohl kein Browser nutzen können..;-)
freundliche Grüße
Ingo
-
-
-
-
Hallo,
Die HTML 4.01 Spezifikation muss sich also inkompatibel
geändert habenNö, die Spezifikation hat sich nicht geändert, nur halten
sich die Browser jetzt auch mal daran (sofern die Browser
im richtigen Modus sind).
Die Lösung hat nag ja schon gepostet.Viele Grüße
Carsten