混乱しているFirefox CSSの問題

Firefoxのページのレンダリングに奇妙な問題があることが分かりました。混乱しているFirefox CSSの問題

乾草の状況で針が少し残念ですが、私が持っているのはサイトのURLとあなたに与えるCSSだけです！あなたは、クロム、サファリ、オペラでその罰金をロードする場合

http://nitrous-networks.co.uk/webdev/ CSSはここ http://nitrous-networks.co.uk/webdev/css/style.css

ですが、Firefoxは途中画面上中央のコンテンツボックスをレンダリングします！それを別のブラウザで見ると、どのように表示されるのかがわかり、Firefoxで見ると違いが分かります!!

このように正確なところで光を放つことができれば、それは分かります！

進捗更新：CSSのライン489上の i}が閉じる前に「浮遊を見つけた私はこれを削除するとスタイルが正しく適用され、しかし私のul.homepageの位置が画面の外にまだある

。

出典

2012-03-26 Owen

あなたの投稿に関連コードを含めてください。リンクのソースコードが変更される可能性があります。これは、この質問が将来の訪問者にとって役に立たないことを引き起こします。 –

W3バリデーターが見つかったすべてのエラーを修正したい場合があります：http://validator.w3.org/check?uri=http%3A%2F%2Fnitrous-networks.co.uk%2Fwebdev%2F&charset=%28detect+automatically%29&doctype =インライン＆グループ= 0 – j08691

なぜ '＃main-content'は' min-height：100px'を持ち、 '.homepage'は直接の子で' min-height：500px'ですか？これは最適化することができます。 –

正確Firefoxはdiv要素960ピクセルレンダリングされた理由

出典

2012-03-26 20:29:41

お返事ありがとうございました！ Firefoxが表示されているものだけをレンダリングする可能性はありますか？オーバーフローを適用する必要があります：ページが読み込まれると隠されますか？ – Owen

私は個人的にJavaScriptを使ってそのような回避策をやっていないのは、あなたが概要を失うためです。そして、私はそれが助けになるとは思っていませんが、私は正確には分かりませんが、ブラウザーが時々予測できないように見えて、最良の方法はすべてを試してみることです。 Firebugはこれを行うのに多くの手助けをします。 –

はまだ把握できなかった... ...私は理由を知りませんが、それは少し良く見えるStyles.cssを、ライン482上のoverflow:hiddenを省略するようにしてください右に余分に、しかし、私はこの修正を一時的に適用しました

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

これは、Firefoxに追加された追加の960pxにのみ対処します。

出典

2012-03-26 23:01:30 Owen

混乱しているFirefox CSSの問題

答えて

関連する問題