CSS margin-top no funciona en IE7

Duplicar posibles:
IE7 display issues (adding extra top margin)CSS margin-top no funciona en IE7

Así que tengo el siguiente CSS

.socialMediaPlugin { 
width: auto; 
display: block; 
.socialMediaPluginFooter { 
margin-top: 15px; 
margin-bottom: -12px;

}

Y marcar

 <div class="socialMediaPlugin socialMediaPluginFooter"> 
     <div class="socialMediaLinks"> 
     <a class="addthis_button_facebook"></a> 
     <a class="addthis_button_twitter"></a> 
     <a class="addthis_button_google_plusone_share"></a> 
     <a class="Pinterest"></a> 
     <a class="addthis_button_email"></a> 
     </div> 
    </div>

Y básicamente el margen superior: 15px; en el socialMediaPluginFooter funciona bien en todos los navegadores, excepto en IE7, ¿alguna idea?

Fuente

2012-04-12 StevieB

¿Es la falta de .socialMediaPlugin} en tu CSS un error tipográfico? – j08691

No veo la diferencia entre IE7 e IE8. Ambos no muestran el margen así, y ambos lo hacen con el error corregido. Entonces, ¿puedes mostrar más código, preferiblemente en jsFiddle? –

margin-top es muy defectuoso en IE7. Use padding-top en el elemento padre.

http://reference.sitepoint.com/css/margin-top

Fuente

2012-04-12 19:57:26 iambriansreed

Y por 'muy buggy' quiero decir que no funciona. – iambriansreed

Acaba de resolver un problema muy molesto gracias a su respuesta. ¡Gracias! –

Su problema puede provenir de tu CSS con formato incorrecto. Así es como debe ser:

.socialMediaPlugin { 
width: auto; 
display: block; 
} 
.socialMediaPluginFooter { 
margin-top: 15px; 
margin-bottom: -12px; 
}

A menos que hayas escrito mal acaba aquí, en cuyo caso se trata de otro tema

Fuente

2012-04-12 19:59:44

Respuesta

Cuestiones relacionadas