Bug IE6 width

[MagNet]

Bonjour,

J'ai créé deux blocs contenu dans un conteneur, centré dans une page.

Tout va bien jusque là.

Le container fait 250px de hauteur... sous IE7... sous Firefox... mais pas sous IE6 !

Je ne comprend pas trop, si quelqu'un pouvait me filer un coup d'pouce !

Merci d'avance,

François

#bloc_pub_forum{
	float:clear;
	height: 250px;
	width: 500px;
	margin-top: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #FFFBC3;
	border: 2px solid #481C00;
}

#bloc_pub_forum_gauche{
	float: left;
	height: 250px;
	width: 300px;
}

#bloc_pub_forum_droite {
	float: left;
	height: 250px;
	width: 200px;
	margin-top:12px;
	text-align: left;
}

La preuve par image !

[salcamden]

Salut,

Je pense que tu n'as pasinitialisé les line-height à 0.

Si bien que sous ie6, ton bloc fait bien 250px de haut + la hauteur de ligne.

essaye :

#bloc_pub_forum_gauche{
float: left;
height: 250px;
width: 300px;
[b]line-height:0;[/b]
}

Voilà.

Damien

[manub72]

Bonjour,

il me semble qu'en définissant pour ton image "display: block", cela supprime l'espace en trop.

Sinon, au passage "float: clear" n'est pas, à ma connaissance, une expression correcte.

[MagNet]

Bonjour,

J'ai suivi vos deux conseils : J'ai supprimé le float:clear et j'ai modifié le bloc comme cela :

#bloc_pub_forum_gauche{
	float: left;
	display: block;
	line-height:0;
	height: 250px;
	width: 300px;
}

Le problème reste le même...

Une autre idée !

Merci tout de même

[MarvinLeRouge]

Salut,

Si tu es sûr que ton bloc doit faire 250px de haut et pas autre chose, rajoute simplement overflow : hidden; dans la css de ce bloc, et ie6 devrait te f..... la paix euh te laisser tranquille.

[MagNet]

Bonjour,

Ta solution d'overflow marche parfaitement !

Je vous remercie,

Bonne journée à tous,

François