ファイヤーフォックスでCSSが読み込まれません

締切済

質問者：trextrex
質問日時：2009/03/31 17:59
回答数：4件

会社のホームページを担当していて困っています。
ＩＥでは、きちんと表示されるのですが
ファイヤーフォックスですと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件)

最新から表示
回答順に表示

No.4

回答者： naokita
回答日時：2009/04/01 10:19

#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"></style>

いつも同じ方法で設定しているけど、CSSが適応されないのは、タイプミスくらいしかない・・・　これでダメならわからないよ。。。
あとは、別のCSSを書いてみて適応されるかどうかを試す。
テスト環境で簡単な別サイトでも作ってみたら？

- 0
- 件

通報する

この回答へのお礼

本当に、ありがとうございます。
ご指摘の内容を全て確認してみます。
確認後に再度、コメントさせてください。
よろしくお願いいたします。

通報する

お礼日時：2009/04/01 10:43

No.3

回答者： naokita
回答日時：2009/04/01 00:34

#1.2です。

CSSもしくは、サイト構成を見ないとわからないけれど、
テストするなら、
http://jigsaw.w3.org/css-validator/validator.htm …

もちろん、Firefoxで他のサイトは、ちゃんと表示されていますよね？
ブラウザ自体でCSSを解除してたら・・・（表示タブ→スタイルシート）

- 0
- 件

通報する

この回答へのお礼

おはようございます。
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; }

通報する

お礼日時：2009/04/01 05:40

No.2

回答者： naokita
回答日時：2009/03/31 21:32

#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"></style>

これで原因の追及をするしかない。これでダメならやはりCSSの中身の問題。　今の現状の内容からなら、それしかアドバイスが出来ない。