FirefoxでCSSが読み込めない。

Question

ＨＰを作成中です。IEやSleipnirでは思った通りに表示されるのですが、Firefoxではスタイルシートが読み込まれていないようです。どの部分が悪いのでしょうか。ご教示のほどをよろしくお願いいたします。以下冒頭部分のソースです。

abril · Accepted Answer

このDOCTYPE宣言（自体にゴミが入っちゃってますが、これは投稿の際に変換されてしまったスペース等かと）下では推奨されない記述が何箇所かありますが、別に質問のソースをそのままコピペして適当なCSSを参照したらFirefoxでもとりあえず表示されている様ですが？

ちなみに、今回のトラブルとは無関係ですが、単純に記述としてよろしくない点は：

・<html>にxmlns 属性、lang 属性、xml:lang 属性が指定されていない。
・空要素タグ <meta><link>が<meta～ /><link～ />という様に閉じていない。
・XML宣言をしていない＆XML宣言中でencoding指定をしていない

です。この際、正しい記述に修正しておいて損はないでしょう。ただし、最後については「（IEのCSS解釈の不具合を考慮して）意図的に」外す制作者及びサンプルやテンプレートも多いので、XML宣言を付けた状態でのCSSの解釈違いに対処できるスキルがなければ手を加えない方が宜しいかも。

> Firefoxではスタイルシートが読み込まれていないようです。

というのは、具体的にどの様な症状から気付きましたか？
例えば、index.cssの中味を一時的に
body {
color: #f00;
background: #cff;
}
だけとでもし、htmlファイルの方も<body>～</body>の中を「テスト」という文字列だけにしてみても、Firefoxでは「文字色が赤、背景が水色」という表示にならず、ブラウザのディフォルトの色が適用されていますか？もしそうであれば、確かにFirefoxからはindex.cssが正しく参照されていない、という事になります。もしそうでなく、上記のスタイルが適用されているのであれば、Firefoxからもindex.css自体の参照はできているという事です。後者であれば、おそらくindex.cssの中の一部だけのスタイルが何らかの正しくない記述等により無効になっている可能性が強いかと思います。その場合は改めて具体的な箇所を示して下さい。

> IEやSleipnir

Sleipnirは一般的にはIEコンポーネントブラウザに属するもの（IEと元を同じくする兄弟の様なものだとでも思っておいて下さい）ですから同じ様な挙動になりますね。Safari、Opera、Google Chrome等ではご覧になってみましたか？そちらもFirefoxで閲覧した際と同様の不具合が起きていますか？

abril · Answer

ANo.1です。
まさか…とは思いますが、念の為。
Firefoxの「表示」オプションで”スタイルシートを使用しない”が選択された状態になってはいないですよね？

FirefoxでCSSが読み込めない。

ANo.1です。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング