Hallo,


da meine mit CSS3 erstellten Seite nicht in Firefox 3.6,3.5,3.0 und 2 optimal angezeigt wird, muß ich dafür ein externes css einfügen.
Wäre soweit kein Problem nur leider weiß ich nicht wie mein link aussehen muß.


Normaler link:
<link rel="stylesheet" type="text/css" href="style.css" />

Safari Link:

<link rel="stylesheet" type="text/safari" href="safari.css" />


ie 7 link:

<!--[if lte IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->


doch wie sieht sowas für Firefox 3.5 aus.
Es soll nicht Firefox im allgemeinen angesprochen werden, da es in den versionen 4-6 ja einwandfrei funktioniert.


Vielen Dank für euere Hilfe

Das wird nicht funktionieren. Es gibt keinen Typ "text/safari". Du möchtest da, dass der Text der per Link eingebundenen Datei als "Safari" behandelt wird. Mir wäre neu, dass es eine Sprache gibt, die Safari heißt und dass diese Sprache dann als Stylesheet genutzt werden könnte.

Ansonsten ist es zwar möglich die unterschiedlichen Firefox-Versionen per PHP-Browserweiche (Auslesen des User Agents) oder per Javascript zu erkennen und dann das Stylesheet auszugeben, aber ich würde davon abraten. Javascript lässt sich abschalten und der User Agent lässt sich leicht verändern.

Benutze CSS3 im Sinne von "Progressive Enhancement." Die älteren Browser stellen eine leicht abgespeckte Version (keine abgerundeten Kanten, Verläufe nur als Bild, keinen Textschatten, etc.) dar, die aber dennoch halbwegs schick aussieht und die volle Funktionalität bietet. Die wenigstens werden deine Seite absichtlich mit anderen Browsern aufrufen, wodurch der Unterschied überhaupt nicht auffällt.

Tja, das will er (bzw. sein Auftraggeber) nicht, aber dazu müßte man dort mitlesen Externes CSS für Firefox 3.5

Wenn dein Auftraggeber will, dass die Seite auch in den alten Firefox-Versionen funktioniert, warum baust du dann erst die Seite mit CSS3 auf, anstatt direkt auf CSS2 und Bildern zu setzen?

Weil ich bis dato nicht wußte, dass die Unterschiede so krass ein würden und zudem da die Anmerkung mir mein Chef erst mitteilte als ich schon fertig war.

Modernizr
Ich benutze das selbst nicht, aber zur Not kannst du damit den alten Browsern die neueren Standards per CSS beibringen.
Für die neuen Selektoren, gibt es auch etwas.
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

Aber Vorsicht, beides kann zulasten der Perfomance gehen. Ganz zu schweigen davon, dass es ohne Javascript in den alten Browsern eben nicht mehr funktioniert.

Doch, dieser Hack funktioniert in Safari (zumindest bis zu den 4er Versionen), Chrome und älteren Opera-Versionen. Safari, z.B., benötigt für die Einbindung der CSS-Datei nicht die korrekte Schreibweise des MIME-Types. Schlüsselwort ist für den Safari ist das rel-Attribut: rel="stylesheet".

Welche Versionen der genannten Browserfamilien diese Einbindung unterstützen, müsste man selbst prüfen.

How to serve different stylesheets only to Safari and Chrome

edit: Gerade selbst getestet, dass aktuelle Safari-, Chrome- und Opera-Versionen diesen Hack nicht mehr unterstützen. Tja, das ist nunmal das Schicksal von Hacks und ein gutes Beispiel dafür, dass man Hacks grundsätzlich vermeiden sollte.

Moin,

Is nich. Modernizr testet nur, die Polyfills musst du selbst zur Verfügung stellen.

gruß,
take

__________________


take-weiland.de · Bürgerinitiative Norden