Fehlerhaft Darstellung im IE6
paric
- css
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
die Seite auf die ich mich beziehe, ist diese hier:
http://www.bernhard-wagner.com/test/index3.html
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
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.
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
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
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