事務所のパソコンのブラウザはＩＥ（インターネットエクスプローラー）７なんですが、
昨日ちょっとＩＥ６をつかう機会があり、事務所のホームページを見てみました。
・・・レイアウトが左によっている
まあ、全体として違和感はないからいいや。
他のページを見てみると、
・・・・レイアウトが完全に崩れている
焦りました。
原因について調べてみると、
どうもＩＥ６の場合、 DOCTYPE 宣言を記載してしまうと、
ＣＳＳを後方互換モードで読み込むようで、
それが原因でレイアウトが崩れるようです。
簡単にいうなら、
ＣＳＳとは、各ページの共通のレイアウトを決めるための設計図のようなものなんですが、
ＤＯＣＴＹＰＥ宣言という、このページはこういった文法を用いて書いています、というような定義をしてしまうと、
ブラウザがＣＳＳを間違って解釈してしまい、設計図とは違った表示の仕方をしてしまうそうです。
しょうがないので、朝一でＩＥ６をダウンロードし、
一時的な処置として、各ページのＤＯＣＴＹＰＥ宣言を削除し、
レイアウトの確認。
よかったもとに戻ってる。
ということで一安心。
ちなみに、自分でホームページを作ったという同業の方のサイトをＩＥ６で見てみると、
やはり同じような症状が起きていました。
根本的な対応は連休中にでもしたいと思います。