versch. css-dateien für versch. browser

[homi1982]

Hallo Leute,

kann man irgendwie im HTML angeben welche CSS-Datei für welchen Browser genommen werden soll.
Im Internet bin ich auf Conditional-Comments für die versch. Version vom IE gestoßen, aber wie funktioniert sowas mit Firefox 2.0, Firefox 1.5 und anderen?

für IE < 7 könnte man wohl:
<!--[if lt IE 7]><link rel="stylesheet" href="./css/navi_ie6.css" type="text/css"><![endif]-->

schreiben und für IE 7 dann:
<!--[if IE 7]><link rel="stylesheet" href="./css/navi_ie7.css" type="text/css"><![endif]-->

aber wie mache ich ein else? Oder halt was anderes für Firefox 2.0,1.5 und andere?

Ich hoffe mir kann da jemand helfen.

Gruß HoMi!

 

[Maik]

Hi,

für die "nicht-IE-Browser" kannst du doch das "normale" Stylesheet und anschliessend mit Hilfe des Conditional Comments die IE-spezifischen Stylesheets in das Dokument laden. Eine Unterscheidung zwischen den einzelnen Firefox-Versionen ist nämlich nicht erforderlich.

<link rel="stylesheet" href="./css/navi.css" type="text/css">
<!--[if lt IE 7]>
<link rel="stylesheet" href="./css/navi_ie6.css" type="text/css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="./css/navi_ie7.css" type="text/css">
<![endif]-->

 

[homi1982]

Hi,

für die "nicht-IE-Browser" kannst du doch das "normale" Stylesheet und anschliessend mit Hilfe des Conditional Comments die IE-spezifischen Stylesheets in das Dokument laden. Eine Unterscheidung zwischen den einzelnen Firefox-Versionen ist nämlich nicht erforderlich.

Das stimmt zwar, aber alle Eigenschaften die in navi.css gesetzt werde würden, müsste ich ja dann wieder überschreiben, bzw. rückgängig machen. Wüsste jetzt nicht wie das geht!

 

[MasterPee]

Theoretisch gesehen sollte ein zweites deklarieren einer Klasse etc. die vorherige deklaration einfach überschreiben. Sprich wenn du zuerst die "normale" lädst und dann die spezielle (so wie im beispiel oben) sollte der Browser alles was du für den IE extra änderst, überschreiben.

 

[Maik]

Wieso mußt du die Eigenschaften der navi.css überschreiben bzw. rückgängig machen, wenn du die "angepassten" Stylesheets für den IE in das Dokument lädst, die genau das machen, nämlich die in der navi.css notierten CSS-Eigenschaften zu überschreiben?

Die Conditional Comments werden nur vom IE interpretiert / ausgeführt und von allen anderen Browsern ignoriert.

Aus diesem Grund werden sie auch nach dem "normalen" Stylesheet navi.css aufgerufen.

Hast du die empfohlene Technik denn schon mal in der Praxis angewendet und in den unterschiedlichen Browsern überprüft?