Tag Archives: 三栏布局

Blog 改版成三栏显示

很久就有把首页做成三栏的想法。原来的两栏设计是基于 800*600 分辨率的,如果内容多一些,页面拉的特别长。现在使用 17 寸显示器的人越来越多,宽屏用户也越来越多,所以向”宽、大”的角度下手或许会好一点。
Movtype Type 的模版设计还是在扩展性上下了很大功夫的,通过调整 alpha、Beta、Gamma 这三个层的设定,相对比较容易。这次修改的过程中唯一比较麻烦的是关于右边栏”对齐”的细微差别耗费了不少时间。
现在页面设定的宽度是 1000px, 绝对宽度。之所以不选择相对宽度,主要是考虑到相对宽度下菜单导航条会有折叠,内容格式也会发生变化。车东告诉我还有 5% 的用户还在用窄屏,根据这篇 创新的艺术 所说的,必需要作一点牺牲,很难面面俱到。
单篇归档分成了两栏显示。布局没有以前那么局促了。现在的CSS 估计还有很多 Bug 和结构不清晰的地方,如果有朋友参考的话一定留神。
欢迎针对当前样式提意见。CSS 变化请查看 differ 文件.
EOF