211
Bogues et correctifs
Bogues et correctifs courants
L’une.des.compétences.les.plus.intéressantes.dont.puisse.se.doter.un.développeur.CSS.est.
la.capacité.à.repérer.les.bogues.courants.des.navigateurs..En.connaissant.les.différents.éléments.qui.concourent.à.provoquer.ces.bogues,.vous.pouvez.les.repérer.et.les.corriger.avant.
même.qu’ils.ne.créent.des.problèmes..
Bogue de la double marge des éléments flottants
Le.bogue.de.la.double.marge.des.éléments.flottants.d’Internet.Explorer.6.et.de.ses.versions.
antérieures. est. l’un. des. plus. courants. et. des. plus. simples. à. repérer.. Il. amène.Windows. à.
doubler.les.marges.de.tous.les.éléments.flottants.(voir.Figure 9.10).
float: left;
display: inline;
margin-left: 20px;
Zone de contenu
20px
float: left;
margin-left: 20px;
Zone de contenu
40px
Internet Explorer 6 et ses versions
antérieures sous Windows doublent
les marges des éléments flottants
Le bogue se corrige avec display:inline
Figure 9.10
Démonstration du bogue d’Internet Explorer doublant les marges des éléments flottants sous Windows. .
Ce.bogue.se.corrige.facilement.quand.on.attribue.la.valeur.inline.à.la.propriété.display.
de.l’élément..Comme.l’élément.flotte,.ce.réglage.n’affecte.pas.ses.caractères.d’affichage,.
mais.il.empêche.miraculeusement.Internet.Explorer 6.et.ses.versions.antérieures.de.doubler.
les.marges..Ce.bogue.est.si.simple.à.repérer.et.à.corriger.que.chaque.fois.que.vous.créez.un.
élément.flottant.avec.des.marges.horizontales,.vous.devriez.attribuer.la.valeur.inline.à.sa.
propriété.display,.par.précaution.
Bogue du décalage de texte de 3 pixels
Le.bogue.du.décalage.de.texte.de.3 pixels.d’Internet.Explorer 5.et 6.sous.Windows.est.aussi.
très.courant..Il.se.manifeste.lorsque.du.texte.est.adjacent.à.un.élément.flottant..Par.exemple,.
supposons. qu’un. élément. flotte. à. gauche. et. que. vous. ne. souhaitiez. pas. que. le. texte. du.
paragraphe.d’à.côté.l’enveloppe.en.le.collant..Vous.appliquez.alors.logiquement.une.marge.
gauche.au.paragraphe,.de.la.même.largeur.que.l’image :