IE6 で画像に『float』を使うと表示されない件

『IE6 で画像に『float』を使うと表示されない件』をはてなブックマーク この記事をクリップ! この記事をTwitterでつぶやく

WebブラウザIE6の人は分からないと思いますが、特定の記事以外は記事内の右上に画像があります。
IE6で表示されないって事は、今日初めて知りました。
キャッシュを消しても無駄でした。
キャッシュ消して、インターネットオプションを閉じると一瞬だけ見えるんですが、その後真っ白になります。
WordPressの仕様かとも思いましたが、IE以外のブラウザではちゃんと表示されるんですよね。
以下はIE含め、いつもの7つのブラウザで見た結果です。


▼問題の『Internet Explorer 6.0』。
Internet Explorer 6
本来ならば、赤で囲った場所に画像が表示されます。
IE7以降であれば表示されているようです。

▼IEのエンジンを使っている『Sleipnir 2.8.4』でも同じく表示されません。
Sleipnir

上記2つ以外のブラウザはちゃんと表示されています。
Firefox 3.0.5
Firefox3

Opera 9.63
Opera

Safari 3.2.1
Safari

Lunascape5 Beta
Lunascape

Google Chrome 1.0.154.48
Google Chrome

・・・と、7つのメジャーブラウザで試してみました。
ここまで書いてて問題解決(?)しました。
この右上に表示させている画像、CSSで『float:right;』と指定しています。
これを外すとIE6でも表示されました。
画像タグに『align=right』だったら問題ないんだろうけど、画像に『float』って普通に使うよねー?

さぁ、問題点は分かったんですが・・・、今更タグを直すのも面倒なのでこのままでいきたいと思います。

IE6のアホーーー!!

IE6以下は撲滅してくれないですかね。
(仕事上でも色々問題あるんですよ・・・。)

コメントを書く

Name

E-Mail

Website address