Problem mit Tabellenlayout in IExplorer

[Christian Schlaefcke]

Hallo Leute,

ich habe ein Problem bei der Darstellung einer Tabelle:

<table height="100px">
  <tr valign="TOP">
    <td valign="TOP" height="10px">
      Irgendein Inhalt
    </td>
  </tr>
  <tr valign="TOP">
    <td valign="TOP" height="*"> <!-- oder height="100%" -->
      Irgendein Inhalt
    </td>
  </tr>
  <tr valign="BOTTOM">
    <td valign="BOTTOM" height="10px">
      Irgendein Inhalt
    </td>
  </tr>
</table>

Mit Mozilla klappt die Darstellung wie gewünscht: Der obere tr/td Bereich ist nach oben hin ausgerichtet und 10px hoch. Der untere tr/td Bereich ist nach unten ausgerichtet und ebenfalls 10px hoch. Der mittlere tr/td Bereich füllt den mittleren tr/td Bereich so auf, dass die komplette Tabelle eine Höhe von 100px erreicht.

Mit dem IExplorer haut das nicht hin. Der Obere BEreich wird noch richtig interpretiert. Dann sieht es optisch so aus, als wenn der mittlere Füllbereich ebenfalls auf eine Höhe von 10px festgelegt wurde und darunter folgt der untere tr/td Bereich.

Wie bekomme ich das Layout sowohl Mozilla. als auch IExplorer kompatibel?

Gruß,

Chris