nicht angemeldet
Bei Verwendung von Style-Sheets mit unterschiedlichen Browsern, kommt es teilweise zu merkwuerdigen Ergebnissen. Seiten, die auf dem MS-IE prima dargestellt werden, sehen im Netscape sehr unbefriedigend aus.
Definiert man in der *.css-Datei beispielsweise eine Farbe fuer Ueberschriften
h1 {background-color:#0000ff;}
so klappt das noch bei beiden Browsern ganz gut. Fuegt man dem ein Filter-Tag fuer den MS-IE hinzu
h1 {background-color:#0000ff;filter:dropShadow(color=#808080,offx=2,offy=2);}
so wird das vom MS-IE auch prima dargestellt, aber der Netscape beruecksichtigt den Style fuer <h1> UEBERHAUPT NICHT mehr, im Gegenteil, er stellt die Ueberschrift im Standard-Format der Seite dar (body {font-size:10pt;color:black;})
Bisher war ich immer davon ausgegangen, dass Browser Teilangaben von Styles, die sie nicht interpretieren koennen, ignorieren, aber den Rest der Angabe dennoch verwenden.
Ich suche jetzt nach einer Methode, nach Moeglichkeit ohne Scripts (koennten ja abgeschaltet sein), dass je nach verwendetem Browser ein bestimmter Teil der Style-Sheet Datei verwendet wird, so nach dem Motto:
@Netscape {
h1 {color:#000080;}
}
@Microsoft {
h1 {color:#000080;filter:dropShadow(color=#808080,offx=2,offy=2);}
}
Oder aber (wieder ohne Scripts), dass je nach Browser eine andere *.css Datei verwendet wird, etwa so:
<head>
<Microsoft><link rel=stylesheet type="text/css" href="microsoft.css"></Microsoft>
<Netscape><link rel=stylesheet type="text/css" href="netscape.css"></Netscape>
<Other><link rel=stylesheet type="text/css" href="other.css"></Other>
</head>
Mit freundlichen Gruessen