跨浏览器css(100%高度)

时间:2013-09-08 16:02:10

标签: html css internet-explorer-8 cross-browser compatibility

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

相关网站为http://www.edalemill.co.uk/

任何人都可以帮助指出我的CSS有什么问题来解决问题吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

我已经看过了,可以复制这个问题。

我建议删除

来自overflow:auto;

#stripper

您还在CSS中使用过body次,我建议您只使用一次并整理代码。

可能会考虑将此作为一个可以帮助您的基础:

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

<强>更新

否则,对于您的代码,请执行以下CSS

#sidebar {

position:fixed;

}

我建议仅通过

制作IE8代码

答案 1 :(得分:0)

如果您取消height:100%上的#container,则背景图片会填满about page文本区域的其余部分。

如果这有帮助,请告诉我。

<强>更新

为滚动的内容区域添加另一个CSS标记可能更容易。 height:100%适用于那些不滚动的内容区域,但是,它们会破坏那些内容区域。我的建议,即使它可能不是最好的方法,是为滚动的内容区域制作第二个CSS标签,或者只是简单地使图像更大。