Discussion :

[jerome38000]

Bonjour tout le monde,
J'ai un petit souci d'affichage sous IE
J'ai un div qui englobe une image. J'ai mis des bordures au div et là, gros souci, il ne m'entoure pas l'image comme il le devrait, mais il me met 3px entre la bordure de bas et la fin de mon image. Ce probleme ne se pose pas sous Firefox, qui réalise très bien le truc !
Comment faire pour enlever donc cet espace, non définie dans le CSS pourtant.

Voici le code du CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
#div_photo{
	float:left;
	height:100px;
	text-align:center;
	border:1px solid white;
	padding:0px;
}
#div_photo img{
	height:100px;
}

Ainsi que le code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="div_photo">
     <img src="maphoto.png" alt="" />
</div>

Voili voila, rien de bien compliqué à première vue, et pourtant, je n'arrive pas à enlever cette maudite marge.

PS : je ne souhaite pas mettre de bordures directement à ma photo, mais bien à mon div
Merci d'avance !

[piff62]

et en ajoutant :
margin:0; dans ton #div_photo ?
Ajoute peut etre egalmenet
margin:0; padding:0; dans ton #div_photo img

Tiens moi au courant

[jerome38000]

Merci pour ta réponse.
J'ai ajouté margin:0; et padding:0; dans les 2 définitions mais rien ne change

[piff62]

Et si tu enleve ton height:100px; dans ton div_photo ?
Ainsi, ton div prendra la taille de la photo ?
Qui ne tente rien n'as rien

[jerome38000]

Et si tu enleve ton height:100px; dans ton div_photo ?
Ainsi, ton div prendra la taille de la photo ?
Qui ne tente rien n'as rien

Malheureusement, cela n'a pas changer la donne
Mais merci en tout cas

[eddie666]

Essaie en enlevant le saut de ligne entre <img src="xxx"/> et </div>. J'avais un problème identique mais avec td au lieu de div, et comme par magie en mettant tout sur une même ligne plus de pb....

[jerome38000]

Essaie en enlevant le saut de ligne entre <img src="xxx"/> et </div>. J'avais un problème identique mais avec td au lieu de div, et comme par magie en mettant tout sur une même ligne plus de pb....

Aussi dingue que ce le soit, c'est bien cela qui me mettait un espace de 3 pixels !! je rêve !!
Merci en tout cas, c'est bon à savoir !!
Thanks eddie