html - 跨浏览器 css（100% 高度）

Question

我正在创建一个网站，但它在不同浏览器中的显示方式存在问题。我正在使用 Chrome、iOS 和 IE8 进行测试。该站点在前两个中正确显示，但在 IE 中不正确。

有问题的网站是http://www.edalemill.co.uk/

谁能帮助指出我的 CSS 有什么问题来解决问题？

谢谢！

Answer 1

我看了一下，可以复制这个问题。

我建议删除

overflow:auto;来自#stripper

你在你的 CSS 中也使用body了不止一次，我建议只使用一个并整理你的代码。

可能考虑使用它作为基础，这应该可以帮助您：

http://meyerweb.com/eric/tools/css/reset/

更新

否则，对于您的代码，请为 CSS 执行以下操作

#sidebar {

position:fixed;

}

我建议只制作那个 IE8 代码

Answer 2

如果您取出背景图像，则填充height:100%关于页面#container的其余文本区域。

让我知道这是否有帮助。

更新

为滚动的内容区域添加另一个 CSS 标记可能会更容易。那些不滚动的内容区域的height:100%作品，然而，他们打破了那些滚动的内容。我的建议，即使它可能不是最好的方法，是为滚动的内容区域制作第二个 CSS 标签，或者只是让图像更大。