三列网页设计，可变边

Question

我一直试图想出一种方法来创建一个3列网页设计，其中中心列具有恒定的宽度并始终居中。左侧和右侧的列是可变的。这在表中是微不足道的，但在语义上不正确。我无法在所有当前浏览器中正常工作。关于这个的任何提示？

Answer 1

使用this technique，只需为中间列指定固定宽度。

Answer 2

检查出来：http://www.glish.com/css/2.asp

将#maincenter的宽度：xx％替换为固定值。当我用Firebug改变它时似乎工作，值得一试？

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

Answer 3

我认为您需要从两个侧栏列的初始（固定）宽度开始，然后在页面加载时，使用javascript获取窗口宽度并计算侧边栏的新宽度。

侧边栏宽度=（窗口宽度 - 中心列宽度）/ 2

如果窗口调整大小，您可以重新应用javascript。

Answer 4

This article at A List Apart有一个解决方案，产生一个3列布局：

• 有一个带有固定宽度侧边栏的流体中心，

• 允许中间列首先出现在源中，

• 允许任何列成为最高的

• 只需要一个额外的标记div，

• 需要非常简单的CSS，只需要很少的补丁。