動態CSS佈局幫助

Question

我正在嘗試製作一個應該非常有彈性的CSS佈局。由此我的意思是我有一個3列布局，頁眉和頁腳都在容器中居中。我選擇將它放在一個容器中，因爲我想使它適合於圖形。因此容器使我能夠很快地改變分辨率。

在容器中，我做了使用浮動3欄佈局，becouse我想要的效果，當你降低分辨率或瀏覽器窗口，在中間和右邊的div重排左側。這樣頁面就會非常有彈性，瀏覽器，分辨率甚至移動設備都很友好。

我做什麼，我認爲是完美的佈局，但我不知道如何解決一個重大問題。

所以我有一個左邊的列（菜單）離開飄來與寬度集（CSS未來的按鈕具有相同的大小）。然後我有主要內容div，浮動也離開，最大寬度設置爲使瀏覽器漂浮在菜單旁邊。沒有設置寬度，它會在菜單div下浮動。最後，我有正確的列div也寬度設置和浮動左側。當我在內容div中有足夠的文本時，此佈局是完美的。

但是當文本不夠寬內容DIV變小，基本上遺址佈局becouse一切左移並留下大量的空間，以容器的右側。

我希望也許有一些技巧，使其更寬，而不需要將其設置爲固定寬度，因爲它會失去彈性效果，因爲一旦瀏覽器達到內容div水平滾動條出現，我不想這很快就會發生。

我試着將它設置爲百分比寬度，但看起來很奇怪。

我的佈局託管here, on my school webserver，這是一個稍舊版本的正確的div浮動權，但除此之外，它跟我描述。

請，如果有一些CSS的方式，告訴我。謝謝。

Answer 1

爲什麼中心內容需要浮動？如果將左邊的div左移，右邊的div右包含中間內容，它應該沿着它們的中間流動。你可能想把整個東西放在容器div中來限制最大寬度。

Answer 2

使用百分比

#left_menu{ width:15%; } 
#content{ width:72.5%; } 
#right_menu{ width:12.5%; } 

---

更新

如果你想左，右加以固定和浮動只有中心然後把左邊和右邊的div內中央。相對於中心的位置，絕對的左右。

在http://www.jsfiddle.net/gaby/mBuf9/