当前位置：文江博客话题详情

IE FF Chrome 中的高度不同

发布于 2024-11-06 12:05:15 字数 669 浏览 0 评论 0原文

美好的一天，在解决了上一篇文章中的一个问题之后，我输入了另一个由网络交叉高度不同引起的问题。

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

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

如果您按滚动页面按钮，页面在 FF 中完美滚动，但在 Chrome 和 IE 中则不然。

我通过在 styles.css 中设置下一个属性来做到这一点：

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

我再次搜索了 google 和 stackoverflow，并尝试了 CSS 重置，但没有成功。

有人有什么想法吗？

编辑

Mike帮助我解决了parent.scroll()问题，现在好多了，但我仍然可以在FF和Chrome中看到页眉和页脚之间有一条白线，IE现在显示得很好。

如有更多帮助，我们将不胜感激，谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

任谁 2024-11-13 12:05:15

我看到您的 JavaScript 正在使用 window.scrollBy()。在Chrome/IE中，滚动可以通过parent.scroll()来完成。

回复收藏 0 原文

表情可笑 2024-11-13 12:05:15

要解决第二个问题（使用白线）：

删除

内的标签并将 38px 的高度添加到您的内容 div，因此在您的 css 文件中您会得到：

#content {
  height: 38px;
}

这是您想要的吗？问题在于内容 div 随其中的数据而缩放。您尝试使用 br 标签获得正确的高度，但这些标签没有标准高度，并且取决于您使用的浏览器。在 css 中指定高度将使其在所有浏览器中具有相同的高度（只要内容适合其中，否则它将缩放（除非您还为内容指定了 css 属性 overflow: hide;） -div))。

To solve your second problem (with the white line):

remove the <br> tags inside your <div id="content"></div> and add a height of 38px to your content div, so in your css file you get:

#content {
  height: 38px;
}

is that what you wanted? The problem was that the content-div scaled with the data in it. You tried to get the right height using br-tags, but those don't have a standard height and depend on what browser you are using. Specifying the height in css will make it the same height in all browsers (as long as the content fits in it, else it will scale (unsless you also specify the css property overflow: hidden; for the content-div)).

回复收藏 0 原文

~没有更多了~