2010-01-12 14 views
10

Qualcuno può dirmi perché il sottostante CSS produce margine extra sotto l'immagine? Dovrebbe solo aggiungere una imbottitura 5px attorno al tutto e funziona perfettamente con il testo. Qualche idea?Div e 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

non c'era alcun ulteriore margine di sotto dell'immagine come come ho reso a FF3.5.7. Il codice non produrrà alcun margine tranne il 5px padding del div # somediv. – mauris

risposta

27

provare a fare l'immagine di un elemento a livello di blocco:

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

WOW. Giuro che non so dove sia la mia mente. Grazie. – mike