Browserunterscheidung mit CSS-Hacks: Stern-HTML-Hack & Stern-plus-HTML-Hack
Im dritten Teil der Reihe Browserweichen & CSS-Hacks geht es um Browserunterscheidung mit dem Star-HTML-Hack (bis IE 6) und seinem “jüngeren Bruder”, dem Star-plus-HTML-Hack (IE 7).
Die Browserunterscheidung per CSS hat gegenüber anderen Methoden einige wichtige Vorteile:
- saubere Trennung von HTML-Markup und Styles (im Gegensatz zu Conditional Comments)
- es sind keine gesonderten Skriptsprachen notwendig
- alle Sonderbehandlungen stehen zentral und übersichtlich in den Stylesheets
Der Stern-HTML-Hack (* html)
Der Stern-HTML-Hack wird nur von Internet Explorer bis einschließlich Version 6 interpretiert. Alle übrigen Browser ignorieren die Angabe. Der Selektor * html ist zwar unsinnig, weil html kein Elternelement hat, validiert aber völlig problemlos.
Der Stern-plus-HTML-Hack (*:first-child+html)
Der Stern-plus-HTML-Hack wird nur vom Internet Explorer 7 (und eventuell höheren Versionen) interpretiert und ist damit sozusagen der “jüngere Bruder” des Star-HTML-Hacks. Zu beachten ist, dass die reine Version dieses CSS-Hacks, also ohne den Subselektor first-child, auch von Opera interpretiert wird!
Zur Übersicht der Reihe “Browserweichen & CSS-Hacks” >>
Weitere Beiträge, die dich interessieren könnten:
Kommentare
[…] wir im letzten Beitrag erfahren haben, wie wir Internet Explorer 6 und 7 mit CSS unterscheiden können, beschäftigen wir uns im dritten Teil der Reihe Browserweichen & CSS-Hacks […]
[…] hab mich getäuscht, *html scheint nur Ie interpretiert zu werden… Gruß, Eugen. P.S: Star-HTML-Hack & Star-plus-HTML-Hack - CSS-Hacks zur Browserunterscheidung - Stern-HTML und Ster… __________________ XHTML (◊◊◊◊-) SVG (◊◊—) Ruby | Ruby On […]
[…] Stern? Klar gehört der dazu! Siehe z.b. hier __________________ "… magst du drüber reden? ich habe mal einen gekannt, der wollte […]
[…] die a-Tags nicht geschlossen waren. @Stephan: Ich hab einfach Deinen Code als gegeben und über den Star-HTML-Hack Einfluss auf die Darstellung im IE6 genommen. (Auch der 5.5er schluckt das so.) Grundsätzlich […]
[…] "erklärt", wie verschiedene CSS-Angaben ordentlich umzusetzen sind. Hier findest Du eine Erläuterung. Was die Zukunft betrifft, so ist es nicht unsere Aufgabe, sie vorauszusehen, sondern sie […]
[…] Browser Statistics Ich bevorzuge statt der schon erwähnten Conditional Comments für den IE6 den Stern-HTML-Hack, da dieser direkt im CSS steht und ich dann alles auf einen Blick sehe. Da brauche ich mir den Code […]
[…] voran, so wird der Rumpf nur von Internet Explorer 7 und 8 beachtet. Beide Hacks sind auf bongard.net im Detail […]
[…] AW: 2 Texte auf gleicher Höhe - Heute, 10:12 Dazu vielleicht mal das durchlesen: Star-HTML-Hack & Star-plus-HTML-Hack - CSS-Hacks zur Browserunterscheidung - Stern-HTML und Ster… […]
[…] hab das inzwischen hinbekommen Hier stehts , wie man es macht Star-HTML-Hack & Star-plus-HTML-Hack - CSS-Hacks zur Browserunterscheidung - Stern-HTML und Ster… für alle Browser,IE6 und kleiner PHP-Code: […]
[…] und trotz der @font-face CSS declaration auch für die zukünftigen IE-Versionen sogenannte “hacks” brauchen wird, will man HTML- und CSS-konforme Seiten erstellen und diese auch den […]
[…] Die CSS-Hacks Star-HTML und Stern-plus-HTML […]