こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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

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

投稿日時 - 2009-03-31 17:59:48

QNo.4841931

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.4

#1.2.3です。
普通なら、テキストでの396行目がエラーって事です。そんなにあるの?
もしかしたら1行程度ずれているかも。
この場合、br になると思いますが、なんですかね?このCSSの br って? ソフトの改行コードでしょうか? 保存形式( CR+LF、CR、LF の3種ありますよね)、その保存形式とか。
それと文字コードの保存形式、@charsetの適応。これらを全部統一。
これらは、ソフトの保存時のソフト側の問題やパソコンでの保存やFTPやサーバ保存形式の問題。

その br も気になりますが、/* */ のコメントアウトとその中身。
記号なのか文字参照なのか/* */も含めて全部消してみたらどうなりますか? それで、CSSを1項目毎に改行してチェックするとエラー行が表示されるかも。
こんな感じで1項目毎に改行するとエラーがわかりやすい。
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を書いてみて適応されるかどうかを試す。
テスト環境で簡単な別サイトでも作ってみたら?

投稿日時 - 2009-04-01 10:19:05

お礼

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

投稿日時 - 2009-04-01 10:43:34

ANo.3

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

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

投稿日時 - 2009-04-01 00:34:04

お礼

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

ANo.2

#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の中身の問題。 今の現状の内容からなら、それしかアドバイスが出来ない。

投稿日時 - 2009-03-31 21:32:25

お礼

ありがとうございます。
ご助言の通りに、同じディレクトリにstylesheet.css を
置いてみました。結果は同じでした。
やはり、CSSの中身に問題があるようです。
IEでOKなのに、全く読み込まれないなんて、何が悪いのでしょうか?

投稿日時 - 2009-03-31 21:59:58

ANo.1


<<link href="css/stylesheet.css"


<link href="css/stylesheet.css"

<< だから < が1個多いって事です。

それと今どき
HTML4.0 Transitional でいいのかな?

投稿日時 - 2009-03-31 19:02:50

お礼

ありがとうございます。
早速、訂正しましたが、まだ駄目な状態です。
IEでは、問題ありません。

投稿日時 - 2009-03-31 20:45:01

あなたにオススメの質問