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> </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