侧面可变的三列网页设计

时间:2020-03-05 18:56:10  来源:igfitidea点击:

我一直在尝试提出一种创建3列网页设计的方法,其中中心列具有恒定的宽度并且始终居中。左侧和右侧的列是可变的。这在表中是微不足道的,但在语义上不正确。我目前无法在所有当前的浏览器中正常运行。有什么提示吗?

解决方案

回答

使用此技术,只需为中心列指定固定宽度即可。

回答

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

侧边栏宽度=(窗口宽度中心列宽度)/ 2

如果调整了窗口大小,则可以重新应用javascript。

回答

检查一下:http://www.glish.com/css/2.asp

并用固定值替换宽度:#maincenter的xx%。当我使用Firebug进行更改时似乎可以正常工作,值得一试吗?

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

回答

A List Apart上的这篇文章提供了一种解决方案,该解决方案导致了三列的布局,该布局将:

  • 具有固定宽度的边栏的流体中心,
  • 允许中心列首先出现在源代码中,
  • 允许任何一栏成为最高
  • 只需要一个额外的div标记,并且
  • 需要非常简单的CSS,且补丁最少。