は、CSSマージントップIE7

に

を動作しない可能性の重複：
IE7 display issues (adding extra top margin)は、CSSマージントップIE7

だから私は、次のCSS

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

}

とマークアップを持っています

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

そして、基本的にmargin-top：15px; socialMediaPluginFooterのIE7以外のすべてのブラウザで問題なく動作しますか？

出典

2012-04-12 StevieB

だ、その場合には、あなたのCSSで.socialMediaPluginのための不足している}タイプミスですか？ – j08691

IE7とIE8の違いはわかりません。どちらも、このようなマージンを表示していません、両方とも、入力ミスを修正します。それでは、jsFiddleにコードをいくつか表示できますか？ –

margin-topはIE7では非常にバグです。親要素でpadding-topを使用してください。

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

出典

2012-04-12 19:57:26 iambriansreed

そして、「非常にバグがある」というのは、うまくいかないということです。 – iambriansreed

あなたの答えのおかげで、非常に迷惑な問題を解決しました。ありがとう！ –

あなたの問題は、あなたの不正な形式のCSSに由来する可能性があります。ここではそれがあるべき方法は次のとおりです。

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

あなたはちょうどここにそれをミスタイプしてきた場合を除き、それは別の問題

出典

2012-04-12 19:59:44

は、CSSマージントップIE7

答えて

関連する問題