动态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/