IE仅限:保证金底部:40px缺失

时间:2011-06-06 03:32:35

标签: internet-explorer margin

有没有人知道为什么我的页脚包装中的'margin-bottom:40px'在IE中被忽略了?网站中的其他任何页面都不会受到影响。主页是独一无二的,因为它不使用底部徽标和背景图像。

http://www.wedevents.com.au/index.asp

HTML:

<div id="footer-wrapper">
<div id="info-wrapper">
    <div class="info">
        <img src="/images/footer_numbers.gif" alt="Phone and Facsimile" />
    </div>
    <div class="info">
        <a href="mailto:info@wedevents.com.au">
        <img src="/images/menu_email.gif" name="email" onMouseOver="over(7)" onMouseOut="out(7)" alt="Email" /></a>
    </div>
    <div class="info">
        <a href="http://www.wedevents.com.au/credits.asp">
        <img src="/images/menu_credits.gif" name="credits" onMouseOver="over(8)" onMouseOut="out(8)" alt="Credits" /></a>
    </div>
</div>
</div>

CSS:

#footer-wrapper {
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    height: 100%;
}
#logo img {
    padding-bottom: 20px;
    width: 137px;
    height: 77px;
}
#info-wrapper {
    width: 700px;
    margin: auto;
    padding: 0;
    color: #FFFFFF;
}
.info {
    float: left;
    height: 25px;
    background-color: #b09a27;
}
.info a {
    color: #FFFFFF;
}
.info img {
    border: 0;
}
.credits {
    margin: 10px;
    padding: 5px;
    text-align: center;
    border: 1px solid #b09a27;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: #FFFFFF;
}
.clear1 {
    height:1px;
    font-size:1px;
    padding:0;
    clear:left;
}

0 个答案:

没有答案