• ベストアンサー

IEで外部スタイルシートが反映されない

IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。

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

  • ベストアンサー
  • haru1204
  • ベストアンサー率100% (1/1)
回答No.4

別アカウント作成した質問者です。 ご報告いたします。 原因が判明しました CSSの一番上、 @charset "utf-8; このutf-8の後の”(アポストロフィ)が消えてました。 @charset "utf-8";が必要なのは、IEの7以前のみ。 なので、IE8とMozilaは問題なく表示されたようです。 皆様ご協力ありがとうございました。 因みに、この場合、 なぜか次のBodyの部分や、他の部分がチェッカーに引っ掛かっていました。

その他の回答 (3)

  • nori_007
  • ベストアンサー率35% (369/1048)
回答No.3

htmlファイルと、CSSのファイルで文字コードを確認してみてください。 また本当に、宣言している文字コードで作成されているか確認してみてください。

calf0306
質問者

補足

Utf-8で統一済みです

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

基本的には <meta http-equiv="Content-Style-Type" content="text/css"> <!-- 以下、外部スタイルシートを必要なだけ --> <link rel="stylesheet" type="text/css" media="all" href="./CSS/default.css"> <link rel="styleSheet" type="text/css" media="screen" href="./CSS/Shape.css"> もし文字コードがHTMLと異なるときは、charsetもあるほうがよい。 なお、HTML、CSSに間違いがないかは Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) でチェックしてあること

回答No.1

はじめまして。 IEだけスタイルシートが反映されないのはおかしいですね。 コードも特におかしなところはないと思います。 コードだけでは分からないので、アドレスも載せてもらえると何か分かるかもしれません。

calf0306
質問者

補足

IE8では通所通り表示されていましたが、 どうやらIE7以前では表示されないようです。 URLを載せたいのは山々なのですが、 現在公表できません。

関連するQ&A