2011-08-12 50 views
0

我决定尝试在最近的一个客户项目上使用960网格系统来加速开发,并且它的结构完美运行,我喜欢它!960.gs背景颜色或边距?

我遇到的问题是在div背景颜色中断(我不确定要将边栏缩放到100%高度),并且背景透明地显示了10px页边距(侧栏和页脚)。这是迄今为止网站的一个实时版本,它可能更容易看出问题 - 这很明显:http://mediasmoke.com/clients/packtv/

我有我想要的结构,divs在正确的地方。有没有一种技术来填补这些空白,并保持网站的高度灵活多少有些内容?

我画一个空白,我试图用第二个容器,但是这并不能正常工作......

+0

使用'.alpha'和'.omega'类删除边距或手动设置'#sidebar.grid_3 {margin:0}'或创建一个包含'.sidebar'和'.content ' –

回答

1

是的,正如aSeptik上述保鲜。 content.sidebardiv中,并将背景应用于此。 .alpha.omega不能解决问题。看起来您也需要在页脚列上也做同样的事情。

+0

我喜欢包装的想法,因为它最灵活,它只是不起作用,但div没有填充960gs div .sidebar&.content,边距必须保持不变,否则它会打破该设计。 – GodsDead

0

好的,我想通了。第二个包装div没有与960gs扩展的原因是因为它必须有一个float:left

现在在960像素宽,这给了我一个额外的10像素颜色填充任何一方。如果我修剪这个或使包装更小,它打破960克,使它无用。在用一个简单的解决方案搞乱了之后,我发现我要创建一个960像素宽的透明背景图像 - 两端都有10个像素,所以它给人以940像素的印象!

耶!