Les dangers des hacks CSS

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.

Articles en rapport :

3 Comments

  • 1
    February 28, 2007 - 9:12 am | Permalink

    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

  • 2
    February 28, 2007 - 10:54 am | Permalink

    Et en plus grâce aux commentaires conditionnels, le code reste valide quand tu le testes dans un validateur 🙂

  • 3
    June 14, 2007 - 11:20 am | Permalink

    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.”