ブログのレイアウトがIE6以外で異常に崩れる！

質問

gooブログアドバンスでテンプレートをいじっているのですが、
IE6では意図したようにレイアウトされるのものが、IE6以外ではレイアウトが崩れてしまいます。
崩れ方もブラウザによって違い、
netscapeではエントリー部分が意図したよりも広く表示され、他の部分にかぶってしまったり、
operaではエントリーが一番下、画面幅いっぱいに表示されたり…という具合です。

一応netscape、operaでも使えるCSSやタグを使っているつもりなんですが…。

どのような理由が考えられるでしょうか?

時間をかけて作っただけに、どうにかしてちゃんと表示されるようにしたいのですが…。

回答No.1

noname#16352 · ベストアンサー

Internet Explorer で確認しながら作ると往々にして起こる現象です。
端的に行ってしまうと、
IE 以外の有名ブラウザのほとんどは HTML や CSS の国際的な規格に厳格に批准していますが、
IE だけは独自の拡張や解釈のバグなどがてんこ盛りなブラウザだからです。
それが良い事なのか悪い事なのかという議論はさておいて、
結局、間違えた解釈をする IE に合わせてデザインを積み重ねていくわけですから、
逆を言えば、変にならないように間違えた記述で制作してきている、という事になります。
ですから、規格を遵守しているブラウザでは間違えている記述の通りに表示するため、
IE とは似ても似つかぬ表示を返すという現象が起こりやすくなります。
HTML オンリーであれば格差は小さくて済みますが、
CSS を駆使したり、あるいは JavaScript バリバリのサイトとなると顕著に現れます。

このような現象に対して採られている対策は１つ。
・IE を表示確認ブラウザのメインとして使用しない事
Netscape や Firefox 、Opera などをベースとしてデザインを施して行き、
その過程で時々 IE でも確認してみるという『IE=脇役』的な制作過程が最善だと思います。
ちなみに僕は Firefox をメインとして確認しています。
（普段使うブラウザは IE でも構わないが、制作という場面においては留意する）

お礼

うは、そうなんですか…
「ＩＥは絶対」的な考え方してました…。

これからＦｉｒｅｆｏｘでデザインし直します。

ありがとうございました！