Christoph Becker: Falsche CSS-Darstellung im IE 6?

Beitrag lesen

SELF-Forum

Falsche CSS-Darstellung im IE 6?

Christoph Becker
– Informationen zu den Bewertungsregeln

Hallo!

Ich übe gerade den Umgang mit CSS und habe dabei begonnen das Gästebuch meiner Homepage (www.ChristophBecker.de.hm) neu mit CSS zu gestalten.Ich teste meine Seiten immer unter dem IE6 und dem aktuellen Firefox (1.0.7).

Nun habe ich festgestellt, dass der IE die CSS-Attribute nicht komplett erkennt/interpretiert. Wie kann man das ändern? Im Firefox werden Sie so angezeigt, wie es in SelfHTML beschrieben ist. Zur Sicherheit habe ich den XHTML-Code und die CSS-Datei validiern lassen. Beides ist valide.

Damit man nicht so viel Code durchsehen muss, habe ich den Code auf die fehlerhaften Stellen reduziert. Hier ist er:

design-test.css:
.square {
  height: 50px;
  border: solid thin #000000;
  }

.autosquare {
  height: auto;
  border: solid thin #000000;
  }

css-test.html:
<!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="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
  <title>css-test</title>
  <link rel="stylesheet" type="text/css" href="design-test.css"/>
</head>
<body>
  <table>
  <tr>
  <td class="square">hallo</td>
  <td class="autosquare" rowspan="2">hallo<br/>hallo<br/>hallo<br/>
  hallo<br/>hallo<br/>hallo<br/>hallo<br/>hallo<br/>hallo<br/>
  hallo<br/>hallo<br/>hallo<br/>hallo</td>
  </tr><tr>
  <td class="autosquare">text</td>
  </tr>
  </table>
</body>
</html>

Der Fehler ist nun folgender:
Im IE wird die Höhenangabe der linken oberen Zelle ignoriert. Im  Firefox wird die Zelle korrekt angezeigt.

Den Fehler kann man auch im Gästebuch selbst anschauen:
http://christophbecker.united-systems.org/new/guestbook.php

Beitrag melden
–
Informationen zu den Bewertungsregeln