固定寬度的CSS浮動2列布局相等的高度問題

我有一個頁面設計我試圖實現一個標題（菜單欄），並在CSS下的靜態寬度的div。這個div包含兩個div - #contentArea和#menuArea，其中每個都有一個頁眉，中間和頁腳（頁眉和頁腳有中間適合內容的背景圖片）。固定寬度的CSS浮動2列布局相等的高度問題

我已經將float：left和正確的靜態寬度應用到了#contentArea和#menuArea，這很好，但我想強制這兩個高度相同。我期待內聯/內聯塊解決方案，但這些對IE6/7來說似乎造成了很多麻煩。不幸的是，這種設計需要合理地（不一定完美）顯示回IE6/FF3。

我已經把一個簡單的頁面展示我在http://home.theevilpenguin.org/c-Help/Index做我的主服務器上什麼

誰能推薦一個方法來做到這一點或某事尋找到？

感謝

你可以嘗試在pageMenuArea DIV設置屬性height: 100%;。這應該使它與包含div pageBody的高度相同。

2010-08-31 04:51:20 radman

不幸的是，由於#pageBodyBody的所有子代均已浮動，因此#pageBody沒有任何可供#pageMenuArea繼承的高度。如果我能得到一個內聯類型的解決方案，這可能會起作用。 – TheEvilPenguin 2010-08-31 05:07:32

我已經想通了 - 我給pageMenuArea的位置：絕對和頂部，底部和右側的值和高度：100％。這似乎已經做了一些調整底部價值的伎倆。 – TheEvilPenguin 2010-08-31 05:46:37

回答