【问题标题】:Confusing Firefox CSS Issue令人困惑的 Firefox CSS 问题
【发布时间】:2012-03-26 20:09:19
【问题描述】:

刚刚注意到 Firefox 中页面渲染的一个奇怪问题,想知道是否有人可以明显地看到这个问题。

很抱歉,这有点像干草堆的情况,但我所拥有的只是网站的 url 和 css 给你!

http://nitrous-networks.co.uk/webdev/ CSS 在这里 http://nitrous-networks.co.uk/webdev/css/style.css

如果您在 chrome、safari、opera 中加载它很好,但 Firefox 将中间的内容框渲染到屏幕的一半!如果您在不同的浏览器中查看它,您会看到它的显示方式,然后在 Firefox 中查看,您会发现不同!

因此,如果您能对这个确切的问题有所了解,我们将不胜感激!

进度更新: 在 CSS 的第 489 行上,我在关闭 } 之前发现了一个流浪“。一旦我删除了这个,样式就会正确应用,但是我的 ul.homepage 的定位仍然不在屏幕上。

【问题讨论】:

  • 在您的帖子中包含相关代码。链接处的源代码可能会更改,这会导致此问题对未来的访问者毫无用处。
  • 可能想要修复 W3 验证器发现的所有错误:validator.w3.org/…
  • 为什么#main-contentmin-height:100px,而直子.homepagemin-height:500px?这可以优化。
  • 您的 CSS 问题似乎更大。在 IE9 中打开您的页面(具有良好的 CSS 支持),您会注意到第一个和第三个框有显示问题(类似于 Firefox 中的问题)。
  • @RobW 抱歉,我不知道相关代码是什么,因为我不知道问题出在哪里。 @ j08691 - 那里的所有完全不相关的错误。 @Sime Vidas 不知道,不同的日子,不同的代码,现在改变了。 @Sime Vidas 再次 - 我的 IE 坏了,所以我会尝试修复它,看看你的意思。 @ sg3s 我认为这个地方是为了帮助别人而不是提高自尊心——我总是对正确的答案说谢谢。

标签: css firefox


【解决方案1】:

尝试省略styles.css中第482行的overflow:hidden...我不知道为什么,但是看起来好多了...

【讨论】:

  • 谢谢你半有用的回复!火狐有没有可能只渲染可见的东西?所以我应该在页面加载后应用溢出:隐藏?
  • 我个人不喜欢用 JavaScript 做这样的变通方法,因为你会失去概览。我怀疑它是否会有所帮助,但我也不知道具体情况,浏览器有时似乎是不可预测的,最好的方法是尝试一切。 Firebug 在这方面为您提供了很多帮助。
【解决方案2】:

仍然无法弄清楚为什么 firefox 将 div 960px 额外渲染到右侧,但是我暂时应用了这个修复

@-moz-document url-prefix() { div.homepage {left:-960px;}}

这将抵消仅在 firefox 中额外添加的 960px

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-13
    相关资源
    最近更新 更多