Danke für die schnelle Antwort. Leider ändert aber das entfernen der XML-Deklaration nichts am Darstellungsfehler im IE. Es fehlen immer noch beide Borders.
Opera 9 (welches ja auch den ACID2 Test besteht) besteht diesen Test leider auch nicht.
Der IE nimmt die Seite mit .xhtml Endung gar nicht an.
Die Seite ist jetzt verfügbar unter
http://janharms.net/csstest.html
und
http://janharms.net/csstest.xhtml
Beide enthalten den gleichen Quellcode.
Hallo,
<?xml version="1.0" encoding="ISO-8859-1"?>
Hiermit schaltest du den blöden IE in den Quirks-Mode. Wodurch es schnell zu Unterschieden in der Darstellung kommt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
<!--Du verwendest XHTML, also solltest/musst du den Kommentar entfernen, da der Inhalt sonst ignoriert wird. Jedenfalls passiert das, sobald die Datei mit dem Mime-Typ application/xhtml+xml geparst wird. Speichere sie doch z.B. mal mit der Endung .xhtml ab und schau dir's im FF oder Opera an.
[...]
Dieser Code erzeugt in Firefox und im IE zwei unterschiedliche Ausgaben, wie sie beide nicht sein sollten.
Im Firefox (aktuelle Version) wird oben ein Pixel vom Link abgeschnitten, so daß die obere "Border" vom Link nicht sichtbar ist.Dass kannst du durch ein padding-top (container) ganz leicht beheben!
Der IE (5.50....) schneidet die "Borders" oben und unten ab.
Dass kenn ich aus dem Quirksmode s.o.
Ist dies ein Fehler vom CSS bzw XHTML oder ein Fehler im Rendering der beiden Browser?
Wie gesagt, der IE kommt mit der XML-Deklaration nicht klar, und der FF braucht lediglich ein padding-top.
mfg. Daniel