我有几个叠加的div。我的css设置为在两个div之间设置10px的余量。 在Firefox中,一切看起来都很棒 在IE 11中,似乎边缘被div中的填充替换,并且div之间的边距消失了。
这是我的div的css:
.home_news {
width:453px;
margin-left:0;
margin-top:10px;
padding:5px;
border:1px solid black;
webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
behavior: url(/scripts/PIE.htc);
}
.home_facebook {
width:453px;
height: 505px;
overflow:hidden;
padding:5px;
margin-top:10px;
border:1px solid black;
webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
behavior: url(/scripts/PIE.htc);
margin-left:0;
}
任何人对我都有任何想法?
谢谢!
编辑:添加了一些HTML
这就是两个div的设置方式:
<div class="home_news">
<div class="block_title">Current News</div>
<table>Each row has different news item</table>
</div>
<div class="home_facebook">
<div class="block_title">Follow us on Facebook</div>
FACEBOOK MODULE GOES HERE
</div>
非常基本的设置。新闻块的数据是从数据库中提取的。
我将PIE从混音中拉出来,虽然它似乎确定了div之间的边距,但它也从div中删除了角半径。填充问题仍然存在。您可能无法在发布的图形中看到它,但IE div中标题栏中的灰色阴影被推下约10px。