IEでCSSが読み込まれない
スタンダードレイアウト編をざっと一通り読み終わったので、さて、自分向けのページとしてHTMLを書いてCSSも書いて、さて、だいたい完成したので、サーバーにアップロードしたところ、なぜかIEで開くとデザインが崩れる(Firefoxは大丈夫)。
自分の書き方がわるかったのかと思ったけど、そんな新しい要素とか使ってもいないし、なぜ崩れるか原因が不明。
そこで、原因を探索する。
自分が書いたHTML5/CSS3は信用ならないので、サンプルサイトのコードそのままで原因を調べることにした。
ダウンロードしたサンプルサイトのコードを(デスクトップとかに置いて)IEで開くと、ちゃんと表示される。IEの問題ではないようだ。
次に、そのままサンプルサイトのコードをサーバにあげてから、開くと、なんとデザインが崩れる!
デスクトップで普通に表示されて、サーバに上げるとダメということは、サーバに上げたときになんかダメになってるのか?
じゃあ、文字コードと改行コードの問題かなと思って、nkfを使ったりして、2つを揃えるも、まったく変化なし。
完全に詰んだ感があったのですが、IEの開発(?)を見てみると、エミュレートモードのデフォルトが「7」になっている。
なんかIEの設定が変っぽい感じがしてきたので、ぐぐってみると、原因判明。
有効にするんじゃなくて、無効にします。
なので、ローカルだと相互表示じゃないので、ちゃんと見れるけど
イントラのサーバに上げたら、相互表示になって、IE7で開いてる状態になって、デザインが崩れると。
その設定のところのチェックマークを外して、みると、デザイン崩れなくなりました!
(自分の書いたCSSもIEでもOKだった。よかった。)