paric: Fehlerhaft Darstellung im IE6

Hallo,

ich komme langsam nicht mehr weiter, und hoffe ihr könnt mir helfen.

Hier ist der vereinfachte Code, um mein Problem darzustellen:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<!-- Start Kopfbereich -->  
 <head>  
 <title>Bernhard Wagner ~ Home</title>  
  <link rel="stylesheet" href="scripte/style2.css" type="text/css" />  
</head>  
<body>  
<table style="width: 100%; height: 100%; background-color: #222222">  
	<tr>  
		<td style="height: 120px; background-color: #FF0000"></td>  
	</tr>  
	<tr>  
		<td style="height: 100px; background-color: #00FF00"></td>  
	</tr>  
	<tr>  
		<td style="height: auto; background-color: #0000FF"></td>  
	</tr>  
	<tr>  
		<td style="height: 200px; background-color: #000000"></td>		  
	</tr>  
</table>  
</body>  
</html>  

und die dazugehörige CSS-Datei:

  
html {  
 height: 100%;  
}  
  
body {  
 background-color: #FFFFFF;  
 font-family: "Arial", Times, serif;  
 font-size: 14px;  
 font-weight: normal;  
 color: #7D7C62;  
 text-decoration: none;  
 height: 98%;  
 margin: 4px;  
 border: 1px solid #55A528;  
}  

wenn ich sie mir jetzt im FF anschaue, wunderbar, so wie es sein soll. (Die blaue Zelle sollte sich der Größe des Fensters anpassen, alle anderen haben ja eine feste Höhe)

Der IE6 blendet die blaue Zelle so gut wie komplett aus, zieht dafür die anderen 3 Zellen größer.

Danke schon mal, das ihr drüber schaut.

Gruß,
Paric

  1. die Seite auf die ich mich beziehe, ist diese hier:

    http://www.bernhard-wagner.com/test/index3.html

    1. Hi!

      die Seite auf die ich mich beziehe, ist diese hier:

      http://www.bernhard-wagner.com/test/index3.html

      Der Quellcode dieser Seite stimmt zumindest nicht mit dem hier geposteten überein...

      FG Ulysses

      1. Hi!
        »» die Seite auf die ich mich beziehe, ist diese hier:
        »»
        »» http://www.bernhard-wagner.com/test/index3.html
        Der Quellcode dieser Seite stimmt zumindest nicht mit dem hier geposteten überein...
        »»
        FG Ulysses

        Danke für den Hinweis. jetzt tut sie es, und der Effekt ist der selbe.

        1. Hi!

          Danke für den Hinweis. jetzt tut sie es, und der Effekt ist der selbe.

          Was hast du vor mit deiner Tabelle? Layout a la Zeile1:Header (fixe Höhe), Zeile2:Navigation (fixe Höhe), Zeile3:Content (verbleibende Resthöhe), Zeile4:Footer (fixe Höhe)?
          FG Ulysses

          1. Hi!

            »»
            »» Danke für den Hinweis. jetzt tut sie es, und der Effekt ist der selbe.
            Was hast du vor mit deiner Tabelle? Layout a la Zeile1:Header (fixe Höhe), Zeile2:Navigation (fixe Höhe), Zeile3:Content (verbleibende Resthöhe), Zeile4:Footer (fixe Höhe)?
            FG Ulysses

            Ja, genau das. Das Problem ist, es existiert ein Projekt, das ich so schnell wie möglich umschreiben soll, darum kann ich nicht mit divs o.ä. arbeiten. Die komplette Umarbeitung auf ein sauberes css/html kommt in ruhe, aber erstmal soll es hoch

            1. Hi!

              Ja, genau das. Das Problem ist, es existiert ein Projekt, das ich so schnell wie möglich umschreiben soll, darum kann ich nicht mit divs o.ä. arbeiten. Die komplette Umarbeitung auf ein sauberes css/html kommt in ruhe, aber erstmal soll es hoch

              Das sind die denkbar schlechtesten Vorraussetzungen :-(
              Soweit ich weiß wird sich das beschriebene Layout mit deiner Tabellenkonstruktion nicht umsetzen lassen. Auch der IE7 stellt das anders dar als FF und Co.
              Je früher du das Tabellenlayout los wirst desto besser - für alle!
              FG Ulysses