跨浏览器布局帮助

Question

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

规格：

Width: 990px;

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

我的导航位于div内，其ID为leftCol，此div有一个名为metalbg的背景。

我的内容区域位于名为content的div中。

我的页脚位于footer标记

问题：

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

我似乎无法兼顾两者。

Answer 1

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

如果您希望页脚停留在浏览器窗口的底部，即使内容大于浏览器窗口的高度，也不会有效。