侧面可变的三列网页设计
时间: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,且补丁最少。