html - 跨浏览器布局帮助

Question

我在创建 HTML5 跨浏览器模板 FF3+ 和 IE8+ 时遇到问题:

规范:

Width: 990px;

我的导航位于左侧，使用 <nav>句法

我的导航在 div 中ID 为 leftCol这个 div 有一个名为 metalbg 的背景。

我的内容区域在一个名为 content 的 div 中。

我的页脚在 footer标签

问题:

我正在尝试创建 css，所以如果网站“没有滚动”，页脚将停留在底部并且网站是“全高”，但如果我有更多需要滚动的内容，metalbg 图像也会展开作为内容区域，但它必须在底部重新加入。

我似乎无法同时工作。

Answer 1

我认为要实现这一点，您应该尝试 Sticky Footer Ryan Fait 的技术。

但是，如果您希望页脚保留在浏览器窗口的底部，即使内容大于浏览器窗口的高度，这将不起作用。