質問: 初めての質問投稿させていただきます。 IE7で表示されているページのレイアウトをIE9、11でもきれいに 表示させていのですが、どういった方法があるのでしょうか。 (visual studio 2005を使用しています。) aspxファイルの内に以下のコードを書いて IE9でページを表示してみましたが、レイアウトは崩れている状態です。 (上記コードを書いていないときのレイアウトと比べると、 レイアウトの崩れ方が変わっただけでした。) ・追記したコード 現状、私が一番実現できそうな方法は条件付きコメントを使って、 IEバージョンごとにcssを読み込むというやり方ですが、 手間がかかりそうで避けたいところです。 よろしくお願いします。
回答: どのブラウザのどのバージョンをサポート対象にするかを明確に決めるのが先決かと思います。 現状のページがどの程度の規模・複雑さであるか、更にはどんなコーディングスタイルなのかによっても変わるでしょうが、現実問題として、殆ど需要の無いブラウザに過度に拘るのは得策ではありません。 また、各部の崩れに個別に対応しても埒が空かないと思いますので・・・ 0. 対象の中でもどれを**メイン**に据えるかを決める 1. メインブラウザ向けに全体的なレイアウト(各領域の配分)を再現する 2. 対象ブラウザ全体で表示状態を確認し問題があれば対応する 3. 個別のパーツを所定の場所へ配置し、メインブラウザ向けにレイアウトを整える 4. 対象ブラウザのそれぞれに対して必要な対応を追加する 言葉で書くほど単純じゃないです(非常に泥臭い作業になります)が、とにかくIEはバージョン毎に癖(仕様の違い?バグ?)が激しいので、IE対応だけに振り回されてしまうと収拾が付かなくなってしまいます。 その上で、IE問題については個々の具体的な問題毎に対応策を練ってゆくのが『結果的には近道』なのだと思います。 問題の内容に応じて * 条件付きコメント * CSSハック * CSSハックによらない代替法 * 外部CSSを避ける などの組み合わせを先人達の知恵に頼りながら実践して行く以外に道はないと思います。