IE FF Chrome的高度不同

时间:2011-05-12 10:00:57

标签: html css scroll height

美好的一天,在我之前的帖子中遇到问题后,我进入了另一个由网络交叉点不同高度引起的问题。

示例:http://www.sushitaksteeg.nl/secret/template.html

下载:http://www.sushitaksteeg.nl/secret/Port.rar

如果按滚动页面按钮,页面将在FF中完美滚动,但不会在Chrome和IE中滚动。

我是通过在styles.css中设置下一个属性来完成的:

< - #footer {height:870px;} - >

我再次搜索了谷歌和stackoverflow,并尝试了CSS重置,但没有工作..

有人有什么想法吗?

编辑

迈克帮助我使用parent.scroll(),它现在更好了,但我仍然可以在FF和Chrome中看到页眉和页脚之间的白线,IE现在显示它很好。

感谢您的帮助,谢谢。

2 个答案:

答案 0 :(得分:1)

我看到你的JavaScript正在使用window.scrollBy()。在Chrome / IE中,可以使用parent.scroll()完成滚动。

答案 1 :(得分:1)

解决第二个问题(使用白线):

删除<br>中的<div id="content"></div>标记,并在内容div中添加38px的高度,因此在css文件中可以获得:

#content {
  height: 38px;
}

是你想要的吗?问题是content-div与其中的数据进行了缩放。您尝试使用br-tags获得正确的高度,但这些高度并不依赖于您使用的浏览器。在css中指定高度将使其在所有浏览器中都具有相同的高度(只要内容适合它,否则它将扩展(无需你还为content-div指定css属性overflow: hidden;)。 / p>