- 締切済み
ファイヤーフォックスでCSSが読み込まれません
会社のホームページを担当していて困っています。 ＩＥでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか？ よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- naokita
- ベストアンサー率57% (1008/1745)
#1.2.3です。 普通なら、テキストでの396行目がエラーって事です。そんなにあるの？ もしかしたら１行程度ずれているかも。 この場合、br になると思いますが、なんですかね？このCSSの br って？ ソフトの改行コードでしょうか？ 保存形式（ CR+LF、CR、LF の３種ありますよね）、その保存形式とか。 それと文字コードの保存形式、@charsetの適応。これらを全部統一。 これらは、ソフトの保存時のソフト側の問題やパソコンでの保存やFTPやサーバ保存形式の問題。 その br も気になりますが、/* */ のコメントアウトとその中身。 記号なのか文字参照なのか/* */も含めて全部消してみたらどうなりますか？ それで、CSSを１項目毎に改行してチェックするとエラー行が表示されるかも。 こんな感じで１項目毎に改行するとエラーがわかりやすい。 hr { width: 554px; color: #cccccc; height: 1px; } h1 { font-size: 12px; font-weight: normal; margin: 0 0 0; } h3 { font-size: 12px; font-weight: normal; margin: 0 0 0; } #2回答の後者の結果がわからないけど、 #2回答のように<head></head>にCSSを書いたら表示されるでしょ？ それもやってみる。もちろんCSSチェックも。 <style type="text/css"><!-- ここにstylesheet.cssの中身を入れてみる。 --></style> いつも同じ方法で設定しているけど、CSSが適応されないのは、タイプミスくらいしかない・・・ これでダメならわからないよ。。。 あとは、別のCSSを書いてみて適応されるかどうかを試す。 テスト環境で簡単な別サイトでも作ってみたら？
- naokita
- ベストアンサー率57% (1008/1745)
#1.2です。CSSもしくは、サイト構成を見ないとわからないけれど、 テストするなら、 http://jigsaw.w3.org/css-validator/validator.html.ja もちろん、Firefoxで他のサイトは、ちゃんと表示されていますよね？ ブラウザ自体でCSSを解除してたら・・・（表示タブ→スタイルシート）
お礼
おはようございます。 Firefoxで他のサイトは、ちゃんと表示されています。 早速、ご助言のサイトでCSSテストを試みました。 以下のエラーが表示されました。 異様に長いのですが、ご教授いただけたら幸いです。 396 br 文法解析エラーが発生しました hr { width: 554px; color: #cccccc; height: 1px; } h1 { font-size: 12px; font-weight: normal; margin: 0 0 0; } h3 { font-size: 12px; font-weight: normal; margin: 0 0 0; } h4 { font-size: 12px; font-weight: normal; margin: 0 0 0; } h2 { font-size: 12px; font-weight: normal; margin: 0 0 0; } h5 { color: #000; font-size: 14px; font-weight: normal; margin: 0; } h6 { color: #000; font-size: 16px; font-weight: normal; line-height: 20px; margin: 0; } table.style50 { margin: 0; padding: 5px; border: solid 1px gray; } table.style54 { width: 180px; margin: 0; padding: 0; border: solid 1px gray; } table.style57 { margin: 0; padding: 0; width: 180px; border: solid 1px gray; } table.style51 { margin: 0; padding: 1px; border-color: #06f; border-style: solid; border-width: 6px 1px 1px; } table.style58 { margin: 0; padding: 1px; border: solid 1px #06f; } table.style56 /* ������������������������ */ { margin: 0; padding: 1px; border-color: #999; border-style: solid; border-width: 6px 1px 1px; } table.style55 /* ��������������������������������������� */ { width: 180px; height: 50px; margin: 0; padding: 1px; border: solid 1px #999; }
- naokita
- ベストアンサー率57% (1008/1745)
#1です。お礼メール見ました。 今時点で言える事は、stylesheet.css の中身に問題があるとしか・・・ jsの事は、専門外なのだけれど、下記が正しいのでは？ <script src="js/libs.js" type="text/javascript"></script> -------------------------------------------- CSSを試す方法なら、同じディレクトリに stylesheet.css を置き、 <link href="stylesheet.css" rel="stylesheet" type="text/css"> としてみるか、 head内にCSSの内容を書き込んでみるとか（適応されるかどうかって事） <style type="text/css"><!-- ここにstylesheet.cssの中身を入れてみる。 --></style> これで原因の追及をするしかない。これでダメならやはりCSSの中身の問題。 今の現状の内容からなら、それしかアドバイスが出来ない。
お礼
ありがとうございます。 ご助言の通りに、同じディレクトリにstylesheet.css を 置いてみました。結果は同じでした。 やはり、CSSの中身に問題があるようです。 IEでOKなのに、全く読み込まれないなんて、何が悪いのでしょうか？
- naokita
- ベストアンサー率57% (1008/1745)
誤 <<link href="css/stylesheet.css" 正 <link href="css/stylesheet.css" << だから < が１個多いって事です。 それと今どき HTML4.0 Transitional でいいのかな？
お礼
ありがとうございます。 早速、訂正しましたが、まだ駄目な状態です。 IEでは、問題ありません。
お礼
本当に、ありがとうございます。 ご指摘の内容を全て確認してみます。 確認後に再度、コメントさせてください。 よろしくお願いいたします。