204
Maîtrise des CSS
si.l’élément.en.possède.un.et.false.sinon..hasLayout.est.une.propriété.en.lecture.seule..
Sa valeur.ne.peut.être.modifiée.avec.du.code.JavaScript.
Le.fait.de.définir.les.propriétés.CSS.suivantes.attribue.automatiquement.un.layout.à.l’élément.
concerné :.
•. float: left ou.right ;
•. display: inline-block ;
•. width:.n’importe.quelle.valeur ;.
•. height:.n’importe.quelle.valeur ;
•. zoom:.n’importe.quelle.valeur.(propriété.Microsoft.–.considérée.comme.invalide) ;
•. writing-mode: tb-rl.(propriété.Microsoft.–.considérée.comme.invalide).
Depuis.Internet.Explorer 7,.les.propriétés.suivantes.attribuent.aussi.un.layout :
•. overflow: hidden,.scroll.ou.auto ;
•. min-width:.n’importe.quelle.valeur ;.
•. max-width:.n’importe.quelle.valeur.sauf.none.
Quel effet résulte du layout ?
Le.layout.est.la.cause.de.nombreux.bogues.d’affichage.d’Internet.Explorer..Par.exemple,.
si.un.paragraphe.de.texte.se.trouve.à.côté.d’un.élément.flottant,.le.texte.est.supposé.courir.
le.long.de.l’élément.et.l’habiller..Toutefois,.dans.Internet.Explorer 6.et.ses.versions.antérieures,. si. le. paragraphe. possède. un. layout. (par. exemple,. parce. que. vous. avez. défini. sa.
hauteur),.il.est.contraint.à.une.forme.rectangulaire,.ce.qui.empêche.le.texte.de.l’habiller.en.
l’enveloppant.(voir.Figure 9.8).
Le texte habille les
éléments flottants...
... sauf dans Internet Explorer 6
et ses versions antérieures.
Figure 9.8
Le texte est censé courir le long des éléments flottants adjacents. Pourtant, dans Internet Explorer sous
Windows, si l’élément texte possède un layout, cela ne se produit pas.