混淆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問題

回答

相關問題