Comparé. à. bien. des. langages. de. programmation,. le. langage. des. CSS. est. assez. facile. à.
apprendre.. Sa. syntaxe. est. simple. et,. parce. qu’il. est. par. nature. axé. sur. la. présentation,. il.
n’exige.pas.de.se.familiariser.avec.une.logique.complexe..Tout.se.complique.en.fait.lorsqu’il.
s’agit. de. tester. le. code. dans. différents. navigateurs.. Les. bogues. des. navigateurs. et. leur.
manque.d’uniformité.dans.l’affichage.sont.les.principales.embûches.qui.jalonnent.le.chemin.
des.développeurs.CSS..Telle.mise.en.page.peut.avoir.fière.allure.sur.un.navigateur.et,.sans.
raison.apparente,.se.retrouver.sens.dessus.dessous.dans.un.autre.
La.réputation.qu’ont.les.CSS.d’être.difficiles.ne.provient.pas.du.langage.lui-même,.mais.
des. contorsions. requises. pour. que. les. sites. fonctionnent. dans. les. anciens. navigateurs.. Il.
n’est.pas.facile.de.trouver.des.informations.sur.les.bogues,.mal.documentés.et.parfois.même.
mal. compris.. Les. hacks. sont. souvent. utilisés. par. les. développeurs. comme. des. formules.
magiques. –. incompréhensibles,. mais. qui. miraculeusement,. une. fois. appliquées. au. code,.
remettent.tout.en.ordre..Ils.font.effectivement.partie.des.outils.dont.il.faut.doter.son.arsenal,.
mais.ils.ne.doivent.être.appliqués.qu’avec.parcimonie.et.généralement.en.dernier.recours..
Il.est.en.réalité.bien.plus.important.de.savoir.pister,.isoler.et.identifier.les.bogues..Ce.n’est.
qu’une.fois.que.l’on.a.précisément.reconnu.un.bogue.qu’il.faut.chercher.des.moyens.de.le.
résoudre.
Au.cours.de.ce.chapitre,.vous.en.apprendrez.plus.sur :
•. la.manière.de.pister.les.bogues.CSS ;.
•. la.mystérieuse.propriété.hasLayout ;.
•. les.hacks.et.les.filtres ;.
•. les.bogues.de.navigateur.les.plus.courants.et.leurs.correctifs ;
•. la.prise.en.charge.échelonnée.des.navigateurs.
La chasse aux bogues
Tous.les.navigateurs.sont.bogués.et.certains.plus.que.d’autres..Lorsqu’un.développeur.CSS.
rencontre.un.problème.avec.son.code,.il.est.même.immédiatement.tenté.d’en.conclure.que.
le.problème.vient.du.navigateur.et.de.chercher.un.hack.ou.une.solution.de.rechange..Les.
bogues.de.navigateur.ne.sont.pourtant.pas.si.courants.qu’on.aime.à.le.penser..Les.problèmes.
CSS. les. plus. courants. proviennent. non. pas. des. bogues. des. navigateurs. mais. d’une. compréhension.incomplète.de.la.spécification.CSS..Pour.éviter.ces.problèmes,.il.est.préférable.
d’aborder.les.bogues.CSS.en.présupposant.d’abord.qu’on.a.soi-même.commis.une.erreur..
Ce. n’est. qu’une.fois. que. vous.êtes.sûr.que. vous. n’avez. pas. fait. d’erreur. que. vous. devez.
considérer.que.le.problème.résulte.d’un.bogue.de.navigateur..
Bogues et correctifs
9
apprendre.. Sa. syntaxe. est. simple. et,. parce. qu’il. est. par. nature. axé. sur. la. présentation,. il.
n’exige.pas.de.se.familiariser.avec.une.logique.complexe..Tout.se.complique.en.fait.lorsqu’il.
s’agit. de. tester. le. code. dans. différents. navigateurs.. Les. bogues. des. navigateurs. et. leur.
manque.d’uniformité.dans.l’affichage.sont.les.principales.embûches.qui.jalonnent.le.chemin.
des.développeurs.CSS..Telle.mise.en.page.peut.avoir.fière.allure.sur.un.navigateur.et,.sans.
raison.apparente,.se.retrouver.sens.dessus.dessous.dans.un.autre.
La.réputation.qu’ont.les.CSS.d’être.difficiles.ne.provient.pas.du.langage.lui-même,.mais.
des. contorsions. requises. pour. que. les. sites. fonctionnent. dans. les. anciens. navigateurs.. Il.
n’est.pas.facile.de.trouver.des.informations.sur.les.bogues,.mal.documentés.et.parfois.même.
mal. compris.. Les. hacks. sont. souvent. utilisés. par. les. développeurs. comme. des. formules.
magiques. –. incompréhensibles,. mais. qui. miraculeusement,. une. fois. appliquées. au. code,.
remettent.tout.en.ordre..Ils.font.effectivement.partie.des.outils.dont.il.faut.doter.son.arsenal,.
mais.ils.ne.doivent.être.appliqués.qu’avec.parcimonie.et.généralement.en.dernier.recours..
Il.est.en.réalité.bien.plus.important.de.savoir.pister,.isoler.et.identifier.les.bogues..Ce.n’est.
qu’une.fois.que.l’on.a.précisément.reconnu.un.bogue.qu’il.faut.chercher.des.moyens.de.le.
résoudre.
Au.cours.de.ce.chapitre,.vous.en.apprendrez.plus.sur :
•. la.manière.de.pister.les.bogues.CSS ;.
•. la.mystérieuse.propriété.hasLayout ;.
•. les.hacks.et.les.filtres ;.
•. les.bogues.de.navigateur.les.plus.courants.et.leurs.correctifs ;
•. la.prise.en.charge.échelonnée.des.navigateurs.
La chasse aux bogues
Tous.les.navigateurs.sont.bogués.et.certains.plus.que.d’autres..Lorsqu’un.développeur.CSS.
rencontre.un.problème.avec.son.code,.il.est.même.immédiatement.tenté.d’en.conclure.que.
le.problème.vient.du.navigateur.et.de.chercher.un.hack.ou.une.solution.de.rechange..Les.
bogues.de.navigateur.ne.sont.pourtant.pas.si.courants.qu’on.aime.à.le.penser..Les.problèmes.
CSS. les. plus. courants. proviennent. non. pas. des. bogues. des. navigateurs. mais. d’une. compréhension.incomplète.de.la.spécification.CSS..Pour.éviter.ces.problèmes,.il.est.préférable.
d’aborder.les.bogues.CSS.en.présupposant.d’abord.qu’on.a.soi-même.commis.une.erreur..
Ce. n’est. qu’une.fois. que. vous.êtes.sûr.que. vous. n’avez. pas. fait. d’erreur. que. vous. devez.
considérer.que.le.problème.résulte.d’un.bogue.de.navigateur..
Bogues et correctifs
9