Super DAU: 100% Tabelle und IE6

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>

  1. 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

    1. <!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

      1. 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

        1. 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

  2. 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