[Résolu] Problème em et float left dans IE6

Bonjour,

j'ai un problème avec mes sites contenant des colonnes :

j'ai 2 colonnes l'une à côté de l'autre, float:left; avec une largeur spécifiée.
aucun souci d'affichage nulle part
sauf quand je mets une balise <em> dans l'une des colonnes, dans ie6-win cela fait passer la deuxième colonne en dessous !

j'ai essayé d'ajouter em {display: inline;} bien que ce soit redondant, et d'autres choses, sans succès.
Que puis-je faire ???

Merci !
Modifié par luxe-campagne (18 Sep 2007 - 19:10)

Bonjour,

luxe-campagne a écrit :
Que puis-je faire ???

Donner un lien vers la page ou une page de test en ligne reproduisant le problème?
Modifié par Florent V. (07 Sep 2007 - 11:10)

Bonjour,

Essaie en mettant : "overflow:visible" à ton bloc conteneur.

mecho a écrit :
Essaie en mettant : "overflow:visible" à ton bloc conteneur.

Si c'est «le bug des italiques qui agrandissent leur conteneur», mieux vaut tester avec un overflow: hidden, je pense.

Autant pour moi ...

Explications et solution :
http://www.positioniseverything.net/explorer/italicbug-ie.html
Modifié par mecho (07 Sep 2007 - 14:27)

houlà !

Merci merci merci !

je n'ai pas très bien compris ce que j'ai fait, mais j'ai ajouté à ma css pour mon bloc parent des em ".colonne50" cela :

/* \*/
* html .colonne50 {
	overflow: hidden;
	o\verflow: visible;
}
/* */

et cela fonctionne dans tous les navigateurs apparement.

Merci encore...

(en fait, il y a bien un problème avec IE6 ou versions antérieures et le texte italique, qu'on utilise un span ou la balise i ou em ou autre, le texte italique, surtout lorsqu'il est parmi du texte justifié, a tendance à être plus large, et à faire exploser son bloc conteneur... Il fallait le savoir !)
Modifié par luxe-campagne (18 Sep 2007 - 19:12)