2010-01-12 40 views
10

¿Alguien puede decirme por qué el siguiente CSS produce un margen adicional debajo de la imagen? Simplemente debe agregar un relleno de 5px alrededor de todo y funciona bien con el texto. ¿Algunas ideas?Div y Margen de imagen/Relleno

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

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

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

no había ningún margen adicional debajo de la imagen como la forma en que he rendido en FF3.5.7. Tampoco el código producirá ningún margen, excepto el relleno de 5px del div # somediv. – mauris

Respuesta

27

intentar hacer la imagen de un elemento en bloque:

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

WOW. Juro que no sé dónde está mi mente. Gracias. – mike

Cuestiones relacionadas