Il arrive parfois (souvent ?) que différents navigateurs n’affichent pas de la même manière une même page web.
Une “astuce” consiste à exploiter les bugs d’interprétation CSS des navigateurs de manière à adapter le rendu.
Par exemple si vous placez un underscore devant une propriété CSS celle-ci est lue uniquement par Internet Explorer.
Pratique pour différencier Internet Explorer des autres navigateurs non ?
Seulement voila, cette bidouille ne fonctionne qu’avec IE6, IE7 passe outre.
Imaginez donc que qu’il s’est passé pour les personnes ayant utilisée cette astuce dans leur code lors de l’arrivée de IE7: ils ont perdu pas mal de temps et de sueur pour refaire leur code.
La solution consiste donc à éviter au maximum les hacks et à privilégier les CSS “standards”.
Pour vous aider dans cette logique voici deux bonnes adresses :
wiki.media-box Liste des propriétés CSS avec à chaque fois la prise en compte ou non par les navigateurs.
CSS cheat sheet des reminder à avoir sous la main.
3 Comments
C’est vrai que les hacks c’est pas génial. Je me suis mis récemment aux “conditional comments”, c’est quand même beaucoup plus propre : http://www.quirksmode.org/css/condcom.html
Et en plus grâce aux commentaires conditionnels, le code reste valide quand tu le testes dans un validateur 🙂
This one makes sence “One’s first step in wisdom is to kuesstion everything – and one’s last is to come to terms with everything.”