CSS Marjı üstü IE7 çalışmıyor

Question

Olası Çoğalt:
IE7 display issues (adding extra top margin) Yani

Ben şu css

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

}

Ve işaretlemek

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

Temel olarak kenar boşluğu: 15px; SocialMediaPluginFooter içinde IE7 dışında herhangi bir fikir tüm tarayıcılarda iyi çalışıyor? IE7'de çok buggy olduğu için

Answer 1

margin-top. Ebeveyn elemanında padding-top kullanın.

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

Answer 2

Senin sorunun da hatalı oluşturulmuş css kaynaklanabilir. Burada olması gerektiği açıklanmıştır: sen sadece burada yanlış yazmışlardır sürece

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

, bu durumda başka bir konu