css - firefox が style.css の #header をフェッチしない (他の Web ブラウザーは問題ありません)

Question

http://dayforfailure.comは私のウェブサイトです。

Chrome と Safari では期待どおりに表示されます。しかし、Firefox では、ヘッダーやその他の要素 (画像サイズなど) がうまくいきませんでした。

私は、クロスブラウザーの互換性の問題について初心者です。問題を解決するのを手伝ってくれませんか?

クロム：

ファイアフォックス:

Answer 1

行番号67に余分な"-文字があります。正しく表示されるためには、行は次のようになっている必要があります。

h1 {font-family： "Helvetica Neue"、 "Helvetica"、sans-serif; font-size：3 em; 色：＃000; text-transform：uppercase;}

Paulが述べたように、HTMLファイルに多くの問題があります。バリデーターを実行して、そこに記載されている問題を修正するだけです:)

Answer 2

Firebug のJavaScript コンソールでわかるように、2 つのエラーがあります。

ReferenceError: Cufon is not defined
Error: Permission denied to access property 'toString'

Chrome の開発者ツールでも同様のエラーが発生しますが、エラーが発生した後、Firefox は動作を停止し、残りのリソースをロードしません。

解決策は、Firefox/Firebug 開発者ツールの js コンソールにリストされているエラーを修正することです。その後、サイトは各ブラウザーで正しく機能します。