有問題與IE7和浮動元素（當然）

我正在一個網站上有一個包裝元素，左側邊欄和右側邊欄，每個漂浮在包裝。左側邊欄（包含導航）正在清除右側邊欄並由於某種原因將其推到底部。我試着用大約50種不同的方式修復它。我原本以爲改變尺寸和/或利潤率會有所幫助。它沒有。我試圖'顯示：內聯'修復無濟於事。我已經嘗試了很多其他的調整，但我無法讓它工作。您可以在www.ibgs2010.org查看該網站，並且css是www.ibgs2010.org/css/style.css（我試圖使用IE7特定的樣式表來修復它）。如果有人能幫忙，我會很感激。我今天燒了大約3小時，只是試圖解決這個小問題。有問題與IE7和浮動元素（當然）

來源

2010-01-26 Brad Herman

貌似問題是與ajaxloader格 - 它的寬度設置爲697px（同側邊欄右）和應該解決您的問題。

來源

2010-01-26 22:51:38

這個修好了！謝謝！我沒有意識到ajaxloader對於該區域來說太大了，並且推低了這個div。 – 2010-01-27 14:14:34

作爲未來的技巧，使用IE開發人員工具欄來檢查填充，邊距和元素寬度如何影響佈局。通常情況下，您可以很快跟蹤這類問題。 – 2010-01-27 21:23:29

嘗試刪除邊欄類上的邊距和邊距，併爲邊距和填充設置一個內部包裝。更多的故障安全，這樣的利潤率不會增加你的div元素的大小。瀏覽器有不同的方式來渲染頁邊距和元素填充。

希望能幫到你。

乾杯

來源

2010-01-26 22:50:55

我認爲這只是浮動內容被認爲太寬而不適合 - 所以，它是浮動它下降到它會。

相反的float，你可以嘗試分別用position和leftright，：

.content.wrapper { 
    position: relative; /* establish boundary for absolute positioning */ 
} 

.sidebar.left { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 

.sidebar.right { 
    position: absolute; 
    top: 0px; 
    right: 0px; 
}

來源

2010-01-26 22:58:22

-1

我包括雅虎重置CSS每一頁（或CSS文件）的開頭。它確實有助於平衡比賽場地。還有IE，一定記得指定寬度（即使它是100％），如果你的浮動，一定要顯示：內聯。

來源

2010-01-26 23:33:41

-1如果您查看了css，您會看到Eric Meyer的css重置已被使用，並且所討論的div已經設置了寬度。 – 2010-01-26 23:55:47

我建議你添加如下內容：

#ajaxloader { 
    width: 737px; 
    float: left; 
}

的737px的寬度從697px寬度加上的.sidebar.right

的40像素左填充有了這個此外，IE7和Firefox衍生版本應該看起來一樣，給或者帶一個像素。

來源

2010-01-26 23:49:34

有問題與IE7和浮動元素（當然）

回答

相關問題