18041 sujets

Questions générales et questions de débutants

[resolu] Bug d'affichage MSIE dans un gabarit en positionnement float

Bonjour,

J'utilise le tutoriel ci-dessous :
http://css.alsacreations.com/modeles/modele15.htm
que j'ai passé sur deux colonnes (suppression de la div droite et de la marge correspondante pour le centre)

Dans la partie centrale j'ai des petits encadrés définis comme suit :

#encadre {
	padding: 5px;
	border: 3px dotted #000;
	margin-bottom: 10px;
	background-color: #FFF0F3;
	overflow: auto;
}
#encadre img {
	float:left;
	margin : 0 10px 0 0;
}
#encadre h2 {
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	color: red;
	margin: 0 0 10px 0;
}
#encadre p.texte {
	color:#000;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
#encadre p.date {
	margin: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
}


Sous FF tout est OK. Mais lorsque je suis dans MSIE 6.0 j'ai un bug d'affichage sur le #encadre p.texte et le #encadre h2 du 1er encadré de la page qui ne s'affichent pas (les autres sont OK !).
Il suffit pourtant que je scroll ma page pour que le 1er encadré se réaffiche correctement.

Quelqu'un a-t-il déjà rencontré ce problème ?
Modifié par caroder (06 Mar 2007 - 14:31)
Bonjour,

Ça irait mieux avec un peu plus d'éléments (dans l'idéal : une page de test en ligne pour constater le problème).

Sinon, à voir peut-être en supprimant l'overflow sur les encadrés.
Oui, effectivement, petit bug avec IE6. On ne tombe pas systématiquement dessus, mais en défilant la page vers le bas puis en remontant il y a des éléments que le navigateur a du mal à dessiner.

Je suppose que c'est le genre de chose qui peut se régler en attribuant le layout aux blocs problématiques, mais c'est un peu brutal comme solution.
http://www.test.blog-and-blues.org/haslayout/trad_temp.html

Test à effectuer : utiliser la propriété zoom: 1 (dans une feuille de style pour IE6 appelée via un commentaire conditionnel, pourquoi pas) sur les éléments « instables ». Voir si ça arrange les choses. Mais là, c'est un peu du tatônnement.
Sujet clos
Aller à