mathias: IE8: Probleme mit Tabelle

Beitrag lesen

Hallo miteinander. Ich habe eine Tabelle erzeugt mit einer übergeordnete Zeile (colspan=2) und zwei Spalten in der zweite Zeile. In deren erster Zelle befindet sich wiederum eine Tabelle. Die Breite dieser Zelle habe ich auf 20% gesetzt. Während Firefox, IE7, Safari, Opera und Chrome ein Ergebnis liefert das zu erwarten ist, vergrößert sich diese Zelle im IE8 über die 20% hinaus, sobald der Text in der übergeordnete Zeile (colspan=2) eine bestimmte Länge überschreitet. Entferne ich das DOCTYPE-Tag, ist das Verhalten auch im IE8 erwartungsgemäß. Woran kann dies liegen?

Beispiel zum Nachempfinden des Problems:

  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Bewerber</title>  
<style type="text/css"></style>  
</head>  
<body bgcolor=white>  
<table width="85%" border="1" align="center" cellpadding="25">  
   <tr>  
   <td colspan="2">  
   langerlangerangertextlangerlangerangertextlangerlangerangertext  
   </td>  
   </tr>  
   <tr>  
      <td width="20%">  
         <table border="1" align="center">  
             <tr>  
                <td>A</td>  
                <td>B</td>  
             </tr>  
             <tr>  
                <td>C</td>  
                <td>D</td>  
             </tr>  
          </table></td>  
      <td>&nbsp;</td>  
   </tr>  
</table>  
</body>  
</html>  
  

Ich wär euch sehr dankbar wenn ihr etwas Licht in dieses Situation bringen könntet. Auf die Tabelleverschachtelung bin ich angewiesen.

Beste Grüße,
Mathias