Zusätzliches Stylesheet für IE6

Zusätzliches Stylesheet für IE6

Beitragvon Downlord » 12.10.2006, 18:25

Sinngemäss ist ein kein wirkliches Tutorial, als vielmehr ein einfacher Tipp.


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.
Downlord
neu hier
 
Beiträge: 3
Registriert: 12.10.2006, 18:13

Beitragvon skittles » 23.10.2006, 14:24

Aus gegebenen Anlass hier auch der Code für MSIE 7

Code: Alles auswählen
<!--[if lt IE 7]>
<style type="text/css">


</style>
<![endif]-->
skittles
ist häufig da
 
Beiträge: 176
Registriert: 27.03.2006, 13:49
Wohnort: Wien


Moderatoren: Laus, Moderatoren

Zurück zu: Neue Tutorials

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

cron