有没有人知道为什么我的页脚包装中的'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;
}