FirefoxでCSSが読み込めない

2009/02/16 15:10

このQ&Aのポイント

FirefoxでCSSが読み込まれていないとの問題が発生しています。IEやSleipnirでは正常に表示されるが、Firefoxではスタイルシートが反映されていないようです。
HTMLの冒頭部分のソースコードを示しました。DOCTYPE宣言やmetaタグが正しく設定されていることを確認し、スタイルシートのリンクが正しいことも確認してください。
問題の原因としては、FirefoxがCSSファイルを正しく読み込んでいない可能性があります。他のブラウザでは正常に読み込まれるため、ブラウザ側の問題と考えられます。

mieka-1
お礼率100% (2/2)

HTML
回答数2
ありがとう数3

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

abril
ベストアンサー率69% (388/560)

2009/02/16 16:15 回答No.1

この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で閲覧した際と同様の不具合が起きていますか？

質問者