IE7/8マージン下崩壊問題

Question

、いくつかのマージン下の問題があります。

それはこのように見える必要があります：

はすべて<p>ありa margin-bottomは21pxである。おそらく崩壊する問題ですが、どうすれば解決できますか？おそらく

Answer 1

p -element内部span -elementは負のマージンたため：Internet Explorerで

#media .article p.voetnoot, 
#media .article span { 
    margin-top: -21px; 
    ... 
} 

audio -elementはspan内にネストobjectで置換されているので、上記のルールが適用されますメディアプレーヤー上向きにシフトする原因：

<p> 
    <span> 
    <object ... 
    </span> 
</p> 
<p class="voetnoot">...</p> 

は代わりにこれを試してみてください：

#media .article p.voetnoot, 
#media .article p.voetnoot span { 
    margin-top: -21px; 
    ... 
}