Suche
Suche Menü

Conditional HTML Class

Der Internet Explorer (IE) ist dafür bekannt, dass er einige HTML oder CSS Befehle anders umsetzt oder z.T. gar nicht kennt. Microsoft hat für mit den Conditional Comments eine Möglichkeit geschaffen, einfach die verschiedenen Browserversionen zu erkennen. Diese Möglichkeit lässt sich nutzen, um ohne die üblichen CSS Hacks einen einem sauberen CSS Code zu schreiben. Zuerst wird die entsprechende IE Version gecheckt und anschliessen die entsprechende Version als class dem HTML Tag zugewiesen. Um nun eine bestimmte IE Version anzusprechen, muss im CSS nur der entsprechende Parent-Selektor eingefügt werden (Bsp: .ie6 .box).

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]><html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9">
<![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

Hier der gleiche Code für HTML 5 Webseiten:

<!--[if lt IE 7 ]> <html class="ie6" lang="DE-de"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="DE-de"> <![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="DE-de"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="DE-de">
<![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="DE-de"> <!--<![endif]-->

Weitere Details zu den Conditional Comments gibt es direkt bei Microsoft.

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.