我们的网站引擎使用960.gs网格系统,我正在尝试将其修改为三列固定(100像素)-流体(最大宽度)-固定(100像素)视图。不幸的是,所有960.gs在线生成器只能生成完全固定或完全流体的网格。因此,我正在尝试修改最初生成的完全流体网格以实现这种视图:
代码(修改后): http://jsfiddle.net/vZm8x/ 问题1:我不确定如何使中央内容区域最大化到屏幕左侧。因为width:auto;根本不起作用,width:100%只是包裹div。
问题2:将所有div固定为100px后,它继续向下包裹任何东西。(display:inline;没有帮助,有什么想法吗?)
我的问题是:是否可以根据我们的需要修改960.gs模板?如果可以,请给我任何修复问题的建议?提前感谢您!
<------------100%--------------->
======== =============== ========
| fixed| |max to screen| |fixed |
======== =============== ========
<-100px> <-100px>
代码(修改后): http://jsfiddle.net/vZm8x/ 问题1:我不确定如何使中央内容区域最大化到屏幕左侧。因为width:auto;根本不起作用,width:100%只是包裹div。
问题2:将所有div固定为100px后,它继续向下包裹任何东西。(display:inline;没有帮助,有什么想法吗?)
我的问题是:是否可以根据我们的需要修改960.gs模板?如果可以,请给我任何修复问题的建议?提前感谢您!