cpw: Tabellen-Problem im IE 6

Beitrag lesen

Hallo,

folgender Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  
<head>  
  
 <style type="text/css">  
  
 html, body  
 {  
  height:100%;  
  width:100%;  
  margin:0px;  
 }  
  
 </style>  
  
</head>  
  
<body>  
  
 <table cellspacing="0" cellpadding="0" border="1" style="height:100%; width:100%;">  
  
 <tr>  
  <td rowspan="4">  
  links  
  </td>  
  
  <td style="width:500px;">  
  1  
  </td>  
  
  <td rowspan="4">  
  rechts  
  </td>  
 </tr>  
  
 <tr>  
  <td style="height:100px; width:500px;">  
  2  
  </td>  
 </tr>  
  
 <tr>  
  <td style="width:500px;">  
  3  
  </td>  
 </tr>  
  
 <tr>  
  <td style="width:500px;">  
  4  
  </td>  
 </tr>  
  
 </table>  
  
</body>  
  
</html>  

Tut im Firefox 1.5, Netscape 9, Opera 9, SeaMonkey und Safari exakt das, was ich erwarte: alle Zellen haben eine dynamische Höhe, nur die "2" behält ihre feste Höhe von 100px.

Der IE 6 vergrößert diese Zelle jedoch mit, zieht sie also bei Vergrößerung des Browserfensters größer als die angegebenen 100px.

Wenn ich nun an den Anfang des Dokuments z.B. noch eine XML-Deklaration schreibe ( <?xml version="1.0" encoding="utf-8"?> ), schicke ich den IE 6 damit in den Quirks-Mode und siehe da: es funktioniert und sieht exakt so aus wie in allen anderen Browsern...

Nun die Frage: ist das irgendwie auch ohne Quirks-Modus im IE hinzubekommen?