[Best Practice] Browserabhängige CSS-Interpretation

[tobias-digital]

Hi!

In einem anderen Thread erklärte ICQ dieses Verfahren um browserspezifische Stylesheets zu erstellen:

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

<!--[IF IE]>

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

<![endif]-->

Da der andere Thread ein anderes Thema hat mach ich mal nen neuen auf und habe gleich ein paar Fragen dazu: Welche Browser-Typen/-Versionen kann man damit unterscheiden? Wäre dieses Verfahren dann nicht tatsächlich ein Best-Practise Verfahren um Webseiten herzustellen, die in jedem einigermaßen aktuellen Browser gleich aussehen:

1. ein Stylesheet für das ganz normale Screen-Layout erstellen
   
2. jeweils ein Stylesheet für jeden anderen Browser erstellen, den man noch unterstützen möchte und die Elemente korrigieren, die jeweils falsch dargestellt werden.
   

Gruß Tobias

[BlueD]

Also soweit ich weiß interpretiert das nur der IE.

Damit kannst du also nur zwischen verschiedenen IE Versionen unterscheiden.

<!--[if IE 5]>  ... Inhalte für Version 5 ...  <![endif]-->

<!--[if IE 5.5]>  ... Inhalte für Version 5.5 ...  <![endif]-->

<!--[if IE 6]>  ... Inhalte für Version 6 ...  <![endif]-->

Ganz konform ist das so wieso nicht mit den Kommentaren.

Das ist sicherlich ganz gut um einige Macken des IE abzufedern, wie z.B. fehlerhafte Darstellungen beim Box-Modell.

Allerdings, wenn du alle Browser wie z.B. Netscape 4, welcher ja angeblich noch bis zu 5 % verbreitet ist unterstützen willst, dann musst du schon dafür sorgen das deine Seiten auch ohne CSS anständig aussehen.

[Manitu71]

Allerdings, wenn du alle Browser wie z.B. Netscape 4, welcher ja angeblich noch bis zu 5 % verbreitet ist unterstützen willst, dann musst du schon dafür sorgen das deine Seiten auch ohne CSS anständig aussehen.

man bringt es nie genau hin. Bei dem geht da mal nicht was, was wiederum bei den anderen lüppt. Mich regt der ganze Mist schon auf. Die sollten es doch mal in der heutigen Zeit wirklich fertig bringen können, einen Browser so zu gestalten, das er diesen und jenen Tag richtig interpretiert.

Ich frag mich, für was manche Leutz dort Geld verdienen.

[*I C Q*]

Welche Browser-Typen/-Versionen kann man damit unterscheiden?

Wie von BlueD schon geschrieben, eignet sich dieses Verfahren nur, um Stylesheets für den IE einzubinden. Da aber der IE derjenige Browser ist, der die meisten Probleme macht, ist das auch in den allermeisten Fällen völlig ausreichend. Wer dennoch für die anderen Browser explizite CSS-Angaben braucht, muss auf eine der Funktionen zurückgreifen, die der IE noch nicht unterstützt, wie z.B. die Variante mit verschachtelten HTML-Elementen (sh. http://www.css4you.de/wscss/css04.html#childselector und http://www.css4you.de/browsercomp.html) oder leicht angepasste @import-Rules (sh. http://css-discuss.incutio.com/?page=ImportHack und http://imfo.ru/csstest/css_hacks/import.php).

Ganz konform ist das so wieso nicht mit den Kommentaren.

Wieso nicht? Durch die Kommentar-Syntax validiert die Seite hundertprozentig, weil für alle anderen Browser ausser dem IE der Inhalt zwischen <!-- und --> als Kommentar gewertet wird.

Netscape 4

Also ich habe mir abgewöhnt für den NS4 irgendwelche Optimierungen zu machen. Das Dingen ist mittlerweile so alt, dass jeder, der ihn noch nutzt, selbst "schuld" ist, wenn er die Seiten nicht "hübsch" angezeigt bekommt. Ich achte zwar immer darauf, dass meine Seiten auch ohne Stylesheets lesbar sind (wegen Barrierefreiheit und so und weil ich auch manchmal noch mit Textbrowsern unterwegs bin), allerdings müssen die dann nicht auch noch gut aussehen. Und die Grätsche zwischen gutem und barrierefreiem Webdesign und "ohne CSS gut aussehen" ist so riesig, dass es den Aufwand IMHO nicht rechtfertigt. In solch einem Fall muss man (respektive der Auftraggeber) sich eben zwischen "hübsch und valide", "hübsch und nicht valide" und "nicht hübsch und valide" entscheiden und ich habe mich für die erste Möglichkeit entschieden.

ICQ

[BlueD]

Wieso nicht? Durch die Kommentar-Syntax validiert die Seite hundertprozentig, weil für alle anderen Browser außer dem IE der Inhalt zwischen <!-- und --> als Kommentar gewertet wird.

Naja, ich meinte das ehr so, dass es nicht Ziel sein kann, dass der IE bald nur noch Kommentare interpretiert

Das zeigt nur mal wieder das die Programmierer von MS eigene Wege gehn und ihnen "fremde" Standarts ehr egal sind.

Also ich habe mir abgewöhnt für den NS4 irgendwelche Optimierungen zu machen. Das Dingen ist mittlerweile so alt, dass jeder, der ihn noch nutzt, selbst "schuld" ist, wenn er die Seiten nicht "hübsch" angezeigt bekommt.

Kann ich dir nur zustimmen, wenn 95 % aller Leute meine Seite "Bunt und in Farbe" sehn ist das schon in Ordnung. Der Rest sieht es eben ohne CSS, also fast so wie Jene mit einem Textbrowser.