CSS margin-top non funziona in IE7

Eventuali duplicati:
IE7 display issues (adding extra top margin)CSS margin-top non funziona in IE7

Così ho il seguente css

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

}

e Mark up

 <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>

E fondamentalmente il margine superiore: 15px; nel socialMediaPluginFooter funziona bene in tutti i browser ad eccezione di IE7 qualche idea?

fonte

2012-04-12 StevieB

è il mancante} per .socialMediaPlugin nel CSS un errore di battitura? – j08691

Non vedo differenze tra IE7 e IE8. Entrambi non mostrano il margine in questo modo, ed entrambi eseguono la correzione corretta. Quindi puoi mostrare qualche altro codice, preferibilmente in un jsFiddle? –

margin-top è molto buggato in IE7. Utilizzare padding-top sull'elemento padre.

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

fonte

2012-04-12 19:57:26 iambriansreed

E per "molto buggy" intendo che non funziona. – iambriansreed

Hai appena risolto un problema molto fastidioso grazie alla tua risposta. Grazie! –

Il tuo problema può derivare dal CSS valido. Ecco come dovrebbe essere:

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

A meno che non avete appena inserito correttamente qui, in questo caso si tratta di un altro problema

fonte

2012-04-12 19:59:44

CSS margin-top non funziona in IE7

risposta

Problemi correlati