2010-02-12 41 views
1

我在A List Apart的"In Search of The Holy Grail"文章中使用了三欄佈局,這是我正在使用Magento的商店的一篇文章。在中間列的頂部,有一個我想溢出的容器,因此它延伸到中間列之外,並越過右側列的頂部。如下所示。讓容器溢出其父級而不使父級在IE 6中變大?

 
_______________________________ 
|  |      | 
|  | Middle/Top   | 
|Left |_______________________| 
|  |     |  | 
|  | Middle/Main |Right| 
|_____|_________________|_____| 

我有它工作在所有現代瀏覽器罰款,但在IE 6四溢中東/頂部分使中東/主要部分的寬度擴大了含有它的方式。

有誰知道一種方法來解決這個問題?

+0

關閉我的頭頂我會認爲使用z-index會允許這樣做。你可以發佈你的標記/ CSS? – 2010-02-12 19:40:39

+0

如果您找不到跨瀏覽器解決方案,請考慮使用條件註釋來選擇性地包含僅限IE的CSS文件。 – voyager 2010-02-12 19:46:17

+0

@KP下面是我正在與http://dev.baseballtips.com/magento132/bats/bare-butt-bat.html – Jonnie 2010-02-12 19:56:06

回答

1

我在IE6中看到的問題是,#sub-content#sidebar水平地位於錯誤的位置。嘗試製作一個最小的測試用例,並將您的結構和樣式與聖盃結構和樣式進行比較。一個區別是你已經交換了左側和右側列(#sidebar應該在#sub-content之前)。修復此問題即可開始。

+0

謝謝你,我甚至沒有意識到我做到了。我會解決這個問題,看看還有什麼問題。 – Jonnie 2010-02-15 16:00:33