IE 7兼容模式位置：絕對錯誤

Question

我頁面的#footerdetails div完全定位並固定在底部。 （我知道，IE問題iminent）

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

看看在IE 7中（即8 COMPAT）頁腳。在屏幕的右側有一個數字。

在所有其他瀏覽器中，它位於應該位於的左側。

任何想法如何解決這個問題？

傑森

Answer 1

@jason;

我在IE中看到它，你可能需要爲你的#footerdetails div定義widthlike 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; 
} 

Answer 2

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; 
}