CSS : div 1px décalé sur IE6

Bonjour,

J'ai un petit soucis de CSS, notamment sur IE6

Page de test : http://kerweb.olympe-network.com/test/

Sur cette page, j'ai mis un fond rouge pour bien différencier mes carrés. J'ai un bock de texte qui vient par dessus chaque carré que j'ai positionné en bas de chacun. Si Firefox aucuns problèmes mais sur IE6 il ne se met pas tout à fait en bas, il garde 1 px de décalage (on peut le voir facilement grâce au fond rouge).

Est-ce que quelqu'un voit d'où ça vient ?

NB : si au passage vous voyez une optimisation pour le css, je suis preneur (j'essaie de suivre les recommandations que je vois un peu partout).

En affectant un padding-bottom:0px; à ta class bloc_formes çà marcherait peut-être ?

Je viens de tester (même lien) mais ça donne la même chose.

Et en rajoutant (en plus) un margin-bottom:0px; aux bloc_formes_texte ?

Idem

http://kerweb.olympe-network.com/test/

Hello,

Et comme cela ?

img {
	display:block;
	margin:0;
	padding:0;
}
#home_secteur_bloc_formes{
	margin:15px 0;
	width:780px;
	height:185px;
}
#home_secteur_bloc_formes .bloc_formes{
	width:185px;
	height:185px;
	float:left;
	background-color:#FF0000;
	margin-right:10px;
}
#home_secteur_bloc_formes .bloc_formes_texte{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#959589;
	font-size:20px;
	margin-top:115px;
}
#home_secteur_bloc_formes .bloc_formes_texte a{
	height:50px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:10px;
	background-color:#959589;
}
#home_secteur_bloc_formes .bloc_formes_texte a:hover{
	color:#959589;
	background-color:#ededed;
	text-decoration:none;
}

A priori c'est opérationnel, mais cela posera peut-être problème par rapport au contenu de tes bloc_formes ?...
A voir donc

! Manque l'image ( ) mais surtout l'alternative textuelle (alt) à l'image !

Cdt,
Sylvain

Nickel ça passe bien
Merci bien !
Modifié par Kerweb (27 Aug 2008 - 14:57)

Kerweb a écrit :
Nickel ça passe bien
Merci bien !

Un petit [résolu] pour fêter cela ?