215
Bogues et correctifs
Élément dégagé
Élément
flottant
Élément dégagé
Élément
flottant
Le contenu suit un élément flottant
et précède un élément dégagé.
Le contenu disparaît dans Internet
Explorer 6 mais réapparaît une fois
la page actualisée.
#container
#container
Couleur / image
d'arrière-plan définie
Aucune largeur
ou hauteur définie
Figure 9.13
Démonstration du bogue d’Internet Explorer doublant les marges des éléments flottants sous Windows.
Il. existe. heureusement. plusieurs. moyens. de. combattre. ce. bogue.. Le. plus. simple. est. probablement.de.supprimer.la.couleur.ou.l’image.d’arrière-plan.de.l’élément.parent..Mais.ce.
n’est.pas.toujours.très.pratique..On.peut.aussi.éviter.à.l’élément.dégagé.de.toucher.l’élément.
flottant.. Le. bogue. ne. semble. pas. se. manifester. si. on. applique. des. dimensions. précises. à.
l’élément.conteneur..Il.ne.se.manifeste.plus.non.plus.si.le.conteneur.possède.une.hauteur.de.
ligne.définie..Enfin,.le.problème.disparaît.également.quand.la.propriété.position.de.l’élément.flottant.et.du.conteneur.a.la.valeur.relative.
Positionnement absolu dans un conteneur relatif
Le.dernier.bogue.de.navigateur.important.dont.nous.allons.traiter.concerne.le.positionnement.absolu.d’éléments.dans.un.conteneur.positionné.de.manière.relative..Vous.avez.appris.
au.cours.des.précédents.chapitres.combien.il.pouvait.être.utile.d’imbriquer.un.élément.positionné.de.manière.absolue.dans.un.conteneur.relatif..Malheureusement,.Internet.Explorer 6.
et.ses.versions.antérieures.produisent.un.certain.nombre.de.bogues.avec.cette.technique..
Ces.bogues.proviennent.du.fait.qu’avec.Internet.Explorer.pour.Windows,.les.éléments.positionnés.de.manière.relative.ne.récupèrent.pas.la.propriété.interne.hasLayout..Du.coup,.ils.ne.
créent.pas.de.nouveau.contexte.de.positionnement.et.tous.les.éléments.positionnés.le.sont.
relativement.à.la.fenêtre.du.navigateur.(voir.Figure 9.14).
Pour. corriger. le. comportement. d’Internet. Explorer 6. et. de. ses. versions. antérieures. sous.
Windows,.vous.devez.forcer.l’attribution.d’un.layout.au.conteneur.positionné.de.manière.
relative..L’un.des.moyens.d’y.parvenir.est.de.lui.attribuer.une.largeur.et.une.hauteur.explicites..Malheureusement,.vous.aurez.souvent.recours.à.cette.technique.précisément.quand.
Bogues et correctifs
Élément dégagé
Élément
flottant
Élément dégagé
Élément
flottant
Le contenu suit un élément flottant
et précède un élément dégagé.
Le contenu disparaît dans Internet
Explorer 6 mais réapparaît une fois
la page actualisée.
#container
#container
Couleur / image
d'arrière-plan définie
Aucune largeur
ou hauteur définie
Figure 9.13
Démonstration du bogue d’Internet Explorer doublant les marges des éléments flottants sous Windows.
Il. existe. heureusement. plusieurs. moyens. de. combattre. ce. bogue.. Le. plus. simple. est. probablement.de.supprimer.la.couleur.ou.l’image.d’arrière-plan.de.l’élément.parent..Mais.ce.
n’est.pas.toujours.très.pratique..On.peut.aussi.éviter.à.l’élément.dégagé.de.toucher.l’élément.
flottant.. Le. bogue. ne. semble. pas. se. manifester. si. on. applique. des. dimensions. précises. à.
l’élément.conteneur..Il.ne.se.manifeste.plus.non.plus.si.le.conteneur.possède.une.hauteur.de.
ligne.définie..Enfin,.le.problème.disparaît.également.quand.la.propriété.position.de.l’élément.flottant.et.du.conteneur.a.la.valeur.relative.
Positionnement absolu dans un conteneur relatif
Le.dernier.bogue.de.navigateur.important.dont.nous.allons.traiter.concerne.le.positionnement.absolu.d’éléments.dans.un.conteneur.positionné.de.manière.relative..Vous.avez.appris.
au.cours.des.précédents.chapitres.combien.il.pouvait.être.utile.d’imbriquer.un.élément.positionné.de.manière.absolue.dans.un.conteneur.relatif..Malheureusement,.Internet.Explorer 6.
et.ses.versions.antérieures.produisent.un.certain.nombre.de.bogues.avec.cette.technique..
Ces.bogues.proviennent.du.fait.qu’avec.Internet.Explorer.pour.Windows,.les.éléments.positionnés.de.manière.relative.ne.récupèrent.pas.la.propriété.interne.hasLayout..Du.coup,.ils.ne.
créent.pas.de.nouveau.contexte.de.positionnement.et.tous.les.éléments.positionnés.le.sont.
relativement.à.la.fenêtre.du.navigateur.(voir.Figure 9.14).
Pour. corriger. le. comportement. d’Internet. Explorer 6. et. de. ses. versions. antérieures. sous.
Windows,.vous.devez.forcer.l’attribution.d’un.layout.au.conteneur.positionné.de.manière.
relative..L’un.des.moyens.d’y.parvenir.est.de.lui.attribuer.une.largeur.et.une.hauteur.explicites..Malheureusement,.vous.aurez.souvent.recours.à.cette.technique.précisément.quand.