Question

我页面的#footerdetails div绝对定位并固定在底部。（我知道，IE问题很突出）

反正... http://talga.sanscode.com/blog

看看IE 7中的页脚（即8 compat）。在屏幕的右侧一直有一个数字。

在所有其他浏览器中，它位于左侧。

任何想法如何解决这个问题？

杰森

Answer 1

IE 7没有position:fixed，你能不能把它放在侧边栏上吗？试试这个：

HTML：

<div id="sidebarmenu_container">
 <ul id="sidebarmenu"/>
 <div id="footerdetails"/>
</div>

CSS：

#sidebarmenu_container {
 position: relative;
}

#footerdetails {
 position: absolute;  //instead of position: fixed;
}

Answer 2

@jason;

我在IE中看到它可能你必须为你的#footerdetails div定义width like width:200px;，因为在IE7中它需要width 100%的屏幕。

CSS

#footerdetails {
    color: #FFFFFF;
    display: block;
    height: 100px;
    left: 0;
    position:fixed;
    text-align: right;
    top: 0;
    width: 200px;
    z-index: 100;
}

IE 7兼容模式位置：绝对bug

2 个答案: