ieでの画像の回り込みを改善

昨年末から記事の画像の周りに文字を配置(いわゆる回り込み)するときに、CSSを使う方法を試していたのだが、Win版 MS ie6に関しては、文字だけが表示されないという間抜けな現象が多発していた。Win版 MS ie6にはCSSのfloat属性で、leftやrightを指定するとき、それを取り囲む要素に背景色、背景画像が指定されていると、表示がおかしくなる場合があるらしい。明らかにIEのバグだ。Mozillaでは何の問題もない。
結局、内側の要素から背景色指定を外していって、ようやくまともになった。

1件のコメント

  1. なるほど、やはりIEのバグだったのですね。
    他にも、floatで分割された画面の高さ(天地というか上下)の長さが違う場合にも、
    短い方より下の部分が表示されないことがあるようです。
    再描画させたりすればうまく表示されることもあるようですが。

コメントは受け付けていません。