@import url();

[Nichtsnutz]

Hi!

Erstmal vielen Dank für die gründliche Optimierung.
Nur bleibe ich bei dem position:absolute der einzelnen Elemente, da ich die Überlappung der Rahmen haben will. Trotzdem eine sehr elegante Lösung von dir.
Doch der eigentlich Grund meines Post hier ist:
Der eigentliche Fehler lag garnicht bei dem Internet Explorer, sondern bei Mozilla. Leider spinnt das ftp von Port5, weswegen ich eine Testseite auf einen anderen Server legen musste. Bei http://vampire.neotecc.de/position-absolut.html habe ich 2 Texte völlig identisch absolut positioniert. Nur habe ich einem Text margin:0 zugewiesen und schon versetzt Mozilla diesen Text ein Stück nach oben, der Internet Explorer hingegen lässt beide auf gleicher Höhe. Der Effekt ist jedoch nur zu beobachten, wenn man eine XHTML-Deklarierung benutzt. Bei einer HTML 4.01-Transitional-Deklarierung benutzt zeigen beide Browser das gewünschte Ergebnis an.

Folglich solltest du die Kompatibilitätsrichtlinien beachten, http://www.w3.org/TR/xhtml1/#guidelines, und dein XHTML als text/html ausliefern. Das zweite Problem ist die XML-Deklaration, sie löst im Internet Explorer den Kompatibilitätsmodus aus, in welchem das CSS-Boxmodell nicht standardgemäß angewendet wird. Du hast die Seite für dieses fehlerhafte Boxmodell geschrieben, damit ist vorprogrammiert, dass die Seite in anderen Browsern grausig aussehen wird, folglich solltest zumindest im MSIE 6 den standardkonformen Modus anschalten, indem du die XML-Deklaration herausnimmst.
Für den MSIE 5.x darfst du dann das fehlerhafte Box-Modell umgehen, siehe http://www.b-spoke.de/artikel/css-box-model/basic.html und http://www.fabrice-pascal.de/artikel/ie5boxmodel/.

Ja, IE 5. Naja, ein optimales Layout für alle Browser zu machen ist zwar schön und gut, aber die Hauptsache ist IMHO das man den Text lesen kann und wenn man mit einem veralteten Browser herumeiert, dann soll man sich nicht ärgern, wenn bei einer Seite mal ein Strich nicht ganz ok liegt.

Tschüss!