Das grösste Problem bei CSS ist, ich denke da sind wir uns einig, der Internet Explorer 6.
Wie ein Dorn im Auge interpretiert er viele der CSS Eigenschaften anders, als seine Konkurrenten, bzw. anders als es der W3C-Standard vorsieht.
Lange habe ich mich zu Beginn geärgert, noch länger nach einer Lösung gesucht.
Und endlich fand ich diesen Codeschnipsel, welcher mir erlaubt ein zusätzliches Stylesheet für den IE6 zu schreiben, mit dem sich Fehlinterpretationen korrigieren lassen;
- Code: Alles auswählen
<head>
<link type="text/css" rel="stylesheet" href="./css/default.css">
<!--[if IE 6]>
<link type="text/css" rel="stylesheet" href="./css/default_ie.css">
<![endif]-->
</head>
Somit wird z.B. für Firefox nur "default.css" verwendet, der IE6 jedoch lädt sich danach ebenfalls noch "default_ie.css"
Zuerst schreibt man sich nun die "default.css", damit sie für Firefox etc. passt. Anschliessend nimmt man die nötigen Korrekturen für den IE6 in der "default_ie.css" vor.
Resultat: Eine Webseite, die in beiden Browsern gleich aussieht!
Und das, ohne die meisten Hacks!
Hoffe das steht nicht bereits irgendwo und es hilft euch.
