2010-01-12 6 views
10

Quelqu'un peut-il me dire pourquoi le CSS ci-dessous produit une marge supplémentaire en dessous de l'image? Il devrait juste ajouter un remplissage de 5px autour de l'ensemble et cela fonctionne bien avec le texte. Des idées?Div & Image Margin/Padding

div#somediv { 
margin: 0; 
padding: 5px; 
} 

div#somediv img { 
margin: 0; 
padding: 0; 
} 

<div id="somediv"> 
    <img src="someimage.jpg" /> 
</div> 
+0

Il n'y avait pas de marge supplémentaire sous l'image que la façon dont je l'ai rendu en FF3.5.7. Le code ne produira pas non plus de marge sauf le padding 5px du div # somediv. – mauris

Répondre

27

Essayez de faire l'image d'un élément de niveau bloc:

div#somediv img 
{ 
    display: block; 
    margin: 0; 
    padding: 0; 
} 
+3

WOW. Je jure que je ne sais pas où est mon esprit. Merci. – mike