IE边距无法正确显示

时间:2014-04-07 20:35:06

标签: html css

我有几个叠加的div。我的css设置为在两个div之间设置10px的余量。 在Firefox中,一切看起来都很棒 在IE 11中,似乎边缘被div中的填充替换,并且div之间的边距消失了。 enter image description here

这是我的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。

0 个答案:

没有答案