混淆Firefox CSS问题

刚刚注意到Firefox中页面呈现出现一个奇怪的问题，并想知道是否有人可以明显地看到这个问题。混淆Firefox CSS问题

对不起，它在干草堆的情况下有点针，但我得到的是该网站的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的定位仍然是关闭屏幕

来源

2012-03-26 Owen

在您的帖子中包含相关代码。链接中的源代码可能会更改，这会导致未来访问者无法使用该问题。 – 2012-03-26 20:21:29

可能想修复W3验证程序发现的所有错误：http://validator.w3.org/check?uri=http%3A%2F%2Fnitrous-networks.co.uk%2Fwebdev%2F&charset=%28detect+automatically%29&doctype = Inline＆group = 0 – j08691 2012-03-26 20:24:03

为什么'＃main-content'有'min-height：100px'，而作为直接孩子的'.homepage'有'min-height：500px'？这可以被优化。 – 2012-03-26 20:39:51

尝试省略styles.css中482行的overflow:hidden ...我不知道为什么，但它看起来好一点...

来源

2012-03-26 20:29:41

谢谢你一半有用的回复！有没有可能，Firefox只渲染可见的东西？所以我应该应用溢出：一旦页面加载后隐藏？ – Owen 2012-03-26 21:26:51

我个人不喜欢用JavaScript做这样的解决方法，因为你会失去概述。我怀疑这会有所帮助，但我不确定，浏览器有时似乎是不可预测的，最好的办法是尝试一切。 Firebug可以帮助你做到这一点。 – 2012-03-27 04:49:40

仍然无法弄清楚为什么Firefox正在渲染div 960px额外的权利，但我暂时适用此修复

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

这将对付在Firefox中额外添加的960像素

来源

2012-03-26 23:01:30 Owen

混淆Firefox CSS问题

回答

相关问题