IE7 / 8边缘底部崩溃问题

时间:2011-12-20 17:30:59

标签: css

this page上,存在一些边缘问题:

enter image description here

它需要看起来像这样:

enter image description here

每个<p>都有margin-bottom 21px。这可能是一个崩溃的问题,但我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

可能是因为span - 元素中的p - 元素有一个负边距:

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

在Internet Explorer中,audio - 元素被嵌套在object内的span替换,因此应用了上述规则,导致媒体播放器向上移动:

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

请改为尝试:

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