201
Bogues et correctifs
nombreux.bookmarklets.pour.afficher.le.contour.des.différents.éléments..Parfois,.le.simple.
fait.d’ajouter.des.bordures.résout.le.problème,.notamment.avec.les.problèmes.d’effondrement.
des.marges..
Essayez.de.changer.quelques.propriétés.pour.voir.si.elles.affectent.le.bogue.et,.si.c’est.le.
cas,.de.quelle.manière..Il.peut.être.utile.de.tenter.d’aggraver.le.bogue..Par.exemple,.si.dans.
Internet.Explorer.l’interstice.entre.deux.boîtes.est.plus.grand.que.prévu,.augmentez.la.marge.
pour.voir.ce.qui.se.passe..Si.l’espace.entre.les.boîtes.dans.Internet.Explorer.a.doublé,.vous.
êtes.probablement.victime.de.son.bogue.de.la.double.marge.des.éléments.flottants.
.promo1 {
float: left;
margin-left: 40px;
border: 1px solid red;
}
.promo2 {
float: left;
border: 1px solid green;
}
Essayez.quelques.correctifs.courants..Par.exemple,.de.nombreux.bogues.d’Internet.Explorer.
se.résolvent.lorsqu’on.attribue.une.valeur.négative.à.la.propriété.position,.ou.la.valeur.
inline.à.la.propriété.display.(sur.les.éléments.flottants).ou.en.définissant.explicitement.
une.dimension,.comme.la.largeur..Vous.en.apprendrez.plus.sur.ces.correctifs.courants.et.leur.
fonctionnement.au.chapitre.suivant.
Un.grand.nombre.des.problèmes.CSS.peuvent.être.détectés.et.résolus.rapidement,.moyennant. peu. d’effort.. Si. le. problème. persiste,. vous. devez. envisager. de. créer. un. cas. de. test.
minimal..
Créer des cas de test minimaux
Un.cas.de.test.minimal.correspond.simplement.à.la.plus.petite.portion.de.code.HTML.et.
CSS.requise.pour.répliquer.le.bogue..En.créant.un.cas.de.test.minimal,.vous.mettez.à.l’écart.
une.partie.des.variables.et.simplifiez.le.problème.autant.que.possible.
Commencez.par.dupliquer.les.fichiers.présentant.des.problèmes..Supprimez.le.code.HTML.
superflu.jusqu’à.ce.qu’il.ne.reste.plus.que.l’essentiel..Ensuite,.commentez.vos.feuilles.de.
styles.afin.de.retrouver.celle.qui.provoque.le.problème..Accédez.à.ces.feuilles.de.styles.et.
commencez.à.supprimer.ou.à.commenter.des.blocs.de.code..Si.le.bogue.s’arrête.soudain,.
vous.savez.que.la.dernière.portion.de.code.commentée.le.provoque..Poursuivez.ainsi.jusqu’à.
ce.qu’il.ne.reste.que.le.code.responsable.des.problèmes.
mez.ou.commentez.les.déclarations.et.voyez.ce.qui.se.passe..Comment.le.bogue.s’en.trouvet-il.modifié ?.Changez.les.valeurs.de.propriété.et.voyez.si.le.problème.disparaît..Ajoutez.des.
correctifs.courants.pour.voir.s’ils.ont.un.effet..Éditez.le.code.HTML.pour.voir.si.cela.produit.
Bogues et correctifs
nombreux.bookmarklets.pour.afficher.le.contour.des.différents.éléments..Parfois,.le.simple.
fait.d’ajouter.des.bordures.résout.le.problème,.notamment.avec.les.problèmes.d’effondrement.
des.marges..
Essayez.de.changer.quelques.propriétés.pour.voir.si.elles.affectent.le.bogue.et,.si.c’est.le.
cas,.de.quelle.manière..Il.peut.être.utile.de.tenter.d’aggraver.le.bogue..Par.exemple,.si.dans.
Internet.Explorer.l’interstice.entre.deux.boîtes.est.plus.grand.que.prévu,.augmentez.la.marge.
pour.voir.ce.qui.se.passe..Si.l’espace.entre.les.boîtes.dans.Internet.Explorer.a.doublé,.vous.
êtes.probablement.victime.de.son.bogue.de.la.double.marge.des.éléments.flottants.
.promo1 {
float: left;
margin-left: 40px;
border: 1px solid red;
}
.promo2 {
float: left;
border: 1px solid green;
}
Essayez.quelques.correctifs.courants..Par.exemple,.de.nombreux.bogues.d’Internet.Explorer.
se.résolvent.lorsqu’on.attribue.une.valeur.négative.à.la.propriété.position,.ou.la.valeur.
inline.à.la.propriété.display.(sur.les.éléments.flottants).ou.en.définissant.explicitement.
une.dimension,.comme.la.largeur..Vous.en.apprendrez.plus.sur.ces.correctifs.courants.et.leur.
fonctionnement.au.chapitre.suivant.
Un.grand.nombre.des.problèmes.CSS.peuvent.être.détectés.et.résolus.rapidement,.moyennant. peu. d’effort.. Si. le. problème. persiste,. vous. devez. envisager. de. créer. un. cas. de. test.
minimal..
Créer des cas de test minimaux
Un.cas.de.test.minimal.correspond.simplement.à.la.plus.petite.portion.de.code.HTML.et.
CSS.requise.pour.répliquer.le.bogue..En.créant.un.cas.de.test.minimal,.vous.mettez.à.l’écart.
une.partie.des.variables.et.simplifiez.le.problème.autant.que.possible.
Commencez.par.dupliquer.les.fichiers.présentant.des.problèmes..Supprimez.le.code.HTML.
superflu.jusqu’à.ce.qu’il.ne.reste.plus.que.l’essentiel..Ensuite,.commentez.vos.feuilles.de.
styles.afin.de.retrouver.celle.qui.provoque.le.problème..Accédez.à.ces.feuilles.de.styles.et.
commencez.à.supprimer.ou.à.commenter.des.blocs.de.code..Si.le.bogue.s’arrête.soudain,.
vous.savez.que.la.dernière.portion.de.code.commentée.le.provoque..Poursuivez.ainsi.jusqu’à.
ce.qu’il.ne.reste.que.le.code.responsable.des.problèmes.
mez.ou.commentez.les.déclarations.et.voyez.ce.qui.se.passe..Comment.le.bogue.s’en.trouvet-il.modifié ?.Changez.les.valeurs.de.propriété.et.voyez.si.le.problème.disparaît..Ajoutez.des.
correctifs.courants.pour.voir.s’ils.ont.un.effet..Éditez.le.code.HTML.pour.voir.si.cela.produit.