960 网格中的折叠漂浮物

Question

我正在尝试使用 960 网格系统，并在页面顶部和底部显示页眉和页脚图形。这些图形需要比 960 网格更宽。标题工作正常 - DIV、绝对位置、宽度 100%、居中，完美地完成了工作。

但现在我想要同样的东西，但在页面底部。即与页脚部分的底部对齐。我想我会将背景图像附加到 .container_16 div 的底部，位于底部。这样，页脚图像将始终位于内容的底部。

到目前为止，这是我的尝试： http://www.northtreestudios.com/sandbox

红线是的边框body 标记，蓝线是 .container_16 div 的边框。我在我能想到的任何地方都放置了一个清除 div (

)，但我不做任何事情都不会得到 .container_16< /code> div 或 body 标签来扩展以包含页脚！

我已经在网上搜索了几个小时，但我已经没有想法了......

Answer 1

如果这是您想要的，那么只需执行以下操作：

#container {
    border:2px solid blue;
    top:0;
    width:960px;
}

或者如果您希望导航为在顶部执行此操作：

#container {
    border:2px solid blue;
    top:0;
    width:960px;
    margin-top:-250px;
}

Answer 2

这可能已经解决了问题，但它涉及修改 960GS 框架。如果您发布原始 HTML 代码，我很乐意调查为什么会发生这种情况。