跨浏览器布局帮助

我无法创建HTML5跨浏览器的模板FF3 +和IE8 +：跨浏览器布局帮助

规格：

Width: 990px;

我的导航是利用<nav>语法

左手边我导航是在一个div里面，一个名为leftCol的ID，这个div有一个叫做metalbg的背景。

我的内容区域位于一个称为内容的div中。

我的页脚是在footer标签

问题：

我想这样，如果该网站没有“滚动”页脚保持在底部，该网站是“全HIGHT”创建CSS但如果我有更多需要滚动的内容，metalbg图像将会扩大以及内容区域，但它必须重新回到底部。

我似乎无法得到两个工作。

听起来你在这里有两个问题。第一种是在内容扩展时试图让背景扩展到页面的底部。第二种是让页脚始终保持在浏览器窗口的底部。第二个可能需要Javascript来帮助支持旧版浏览器。 – Mindthetic 2011-05-04 11:44:32

你能提供一个例子吗？ – 2011-05-04 19:08:02

当然。你是否希望页脚始终位于浏览器窗口的底部，还是希望它位于页面的底部;如果内容超出浏览器窗口的高度？ – Mindthetic 2011-05-09 20:59:54

我认为要达到此目标，您应该尝试Ryan Fait的Sticky Footer技术。

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

2011-05-09 21:09:38 Mindthetic

到目前为止，我见过的每一个粘性页脚技术都让你为页脚设置了一个绝对高度，这对我而言是不可能的（可变内容）。 – 2011-05-09 21:12:18

在这种情况下，我可以想到没有太多麻烦的唯一解决方案是使用Javascript来计算页脚的高度并相应地更改CSS。我确信在纯CSS中有这样做的方法，但为了使它跨浏览器兼容，最有可能导致流泪和头发损失。 :) – Mindthetic 2011-05-10 09:01:28

回答