CSS nach Browser

[Markus Mühlich]

Hallo Mark,

Wie realisiere ich es, dass je nach Browser (IE ode NC) ein unterschiedliches CSS geladen wird.

neben der JavaScript Lösung existiert noch eine zweite Lösung, die dazu noch ohne JavaScript auskommt.

Du definierst zwei externe StyleSheets, eins für Netscape 4.x und eins für die restlichen Browser. Benenne das externe StyleSheet für Netscape 4.x auf "netscape.css", das externe StyleSheet für alle anderen Browser auf "explorer.css". Binde diese beiden Dateien wie folgt in Deine HTML ein:

<link rel="stylesheet" href="netscape.css" media="screen">
<link rel="stylesheet" href="explorer.css" media="all">

Wichtig ist die Reihenfolge - zuerst netscape.css, dann explorer.css und die Formatierung für media=screen bzw. media=all.

Netscape 4.x ruft beim Laden die erste Zeile auf, und berücksichtigt alle Formatierungen, alle anderen Browser berücksichtigen die zweite Zeile.

Getestet auf:
IE 5.50
Netscape 4.75
Netscape 6.0
Opera > 4.0

Gruß
Markus