100% Tabelle und IE6
Super DAU
- html
Hallo,
Ich möchte eine Tabelle über die ganze Fensterhöhe haben,
um die Inhalte vertikal zentrieren zu können.
Der IE 6 zieht sie aber nicht gross, obwohl ich brav:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
im Dateikopf habe.
Kann mir jemand sagen, was hier nicht stimmt
oder wie ich das sonst machen muss ...
<table width="100%" cellspacing="0" cellpadding="0" align="center" border="0" height="100%">
<tr>
<td align="center">
<div align="center"><img src="/img/logo-ani.gif" width="229" height="58" alt="Plöder IE Plöder" hspace="30"></div>
</td>
</tr>
</table>
Hi,
Der IE 6 zieht sie aber nicht gross, obwohl ich brav:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
im Dateikopf habe.
Mach genau das weg, dann gehts auch mit dem IE6!
MFG
Philipp
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
Hi Philipp
Ich dachte, genau DAS wäre nötig,
DAMIT die Browser das machen ... *grübel*
Wieder was dazu gelernt.
Vielen Dank, Super-DAU
Hallo,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
Ich dachte, genau DAS wäre nötig,
DAMIT die Browser das machen ... *grübel*
Nachdem ich gestern an einem anderen Problem genau auch ueber diesen Stolperstein gefallen bin, kann ich dir empfehlen, nimm nicht die gesamte Zeile raus, sondern schreib nur:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
die Doctype-Definition komplett rauszunehmen wuerde ich nicht empfehlen.
Warum nun der IE6 bei keiner Angabe der DTD das gewuenscht macht, verschliesst sich mir trotz Studie mancher Dokumentationen ueber Strict und Quirks-Mode ...
gruesse
scribble
Hallo!
Warum nun der IE6 bei keiner Angabe der DTD das gewuenscht macht, verschliesst sich mir trotz Studie mancher Dokumentationen ueber Strict und Quirks-Mode ...
Ich hoffe, dieser Link bringt etwas Licht ins Dunkel:
http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp
Besonders den Punkt: "Who Moved My Canvas?"
Ohne Angabe der URL verhält sich der IE6 genau wie der IE5 (zumindest, was dieses "Problem" hier anbelangt).
Mit Angabe der URL schaltet der IE 6 in den "Standard-compliants-Mode". Somit entspricht der Body nicht mehr automatisch dem gesamten Browserfenster (="Canvas"), sondern verhält sich ähnlich einem DIV-Element -> Seine Größe (vor allem die Höhe) ergibt sich, wenn nichts anderes angegeben wurde aus dem darin enthaltenen Inhalt.
Experminentiere mal mit den CSS-Angaben
html { border: 1px solid #036; }
body { border: 1px solid #f93; }
html { height: 100%; }
body { height: 100%; }
und verschiedenen Doctype-Angaben, und vergleiche die unterschiedliche Anzeige von IE6 und Mozilla.
Danach sollte dir so manches klarer sein. Oder auch nicht! :-)
Gruß,
kerki
Der IE 6 zieht sie aber nicht gross, obwohl ich brav:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
im Dateikopf habe.
Gerade deshalb.
<table width="100%" cellspacing="0" cellpadding="0"
align="center" border="0" height="100%">
^ Das ist kein HTML-Standard
Wie wär's mit width="100%" height="100%" für alte Browser und style="width:100%; height:100%;" für die Neuen.
Gruß
Norbert