IE7で表示したWebサイトのCSSがおかしい

質問

IE7で以下のサイト「http://mm2ch.com/」を開き、画像の赤丸の所にマウスカーソルを交互に当てると、要素と要素が離れたりくっついたりしてガタガタしてしまいます。何が原因でこうなってしまうのか分からないのですが、IE8とFireFoxとChromeでは正常に表示されています。

回答No.1

utun01 · ベストアンサー

ブラウザ側のCSS対応状況の違いだと思います。
恐らくこのサイトは、IE7以前のブラウザは対象外として作られているのだと思いますよ。

Webサイト作成の際、何処まで昔のブラウザに対応させるかと言うのは常に議論になります。
特にIE6以前に対応させると、その部分だけのコストが非常にかかる上に、イカした効果もつけれないので、IE6以前は最近のサイトではかなり切り捨てられる傾向にあります。
また、IE7に関してもそれなりに労力を求められますが、IE7のシェアは現在4%未満ですので、最近では切り捨てられるようになってきている様ですね。
http://lhsp.s206.xrea.com/misc/browser-share-version.html

回答No.2

tracer

既に回答がありますが、Webサイト制作は必ずしも「すべてのブラウザで同じように表示されるべき」という思想はありません。これは制作会社によって対応が異なりますが、特に近年では、古いIEのサポートをしない傾向が増えつつあると思います。もちろん、制作を発注する側が「すべてのブラウザで同じように表示したい」という意向があれば、そのように制作することもできますが、多くの場合、別料金(オプション扱い)になります。また、更新の都度、別料金(古いブラウザ対応作業)が発生する可能性も十分考えられます。