Jan
3
2011

Internet explorer 6/7/8 hacks voor css

Welke ontwikkelaar kent de ellende van cross-browser compatibility niet ? Werkt het in de ene browser weer wel is het bij de ander weer stuk. Gelukkig zijn safari en firefox wel behoorlijk aan de w3c standaarden maar explorer 6 weer verre van. Versie 7 komt gelukkig ook aardig in de buurt. Gelukkig zijn er voor de explorer versies bepaalde omwegen. Zo kan je door een underscore voor een css property zeggen dat dit alleen voor internet explorer 6 is …

/*normale css property, deze wordt gelezen door elke browser */
padding: 4px;

/* internet explorer 6 only! Let op de underscore. */
_padding: 4px;

/* internet explorer 7 only! Let op de *. */
* padding: 4px;

/* internet explorer 8 only! Let op de \0/*/
padding: 4px\0/;

Over de auteur: Willem

Willem is lead developer bij een toonaangevend bedrijf. Verder ook eigenwijs en deelt graag te pas en te onpas informatie.

Reageer