float:right と position:relative
［/blosxom］
このサイトは CSS でレイアウトをしていますが(ベースは yukiakari :: NotebookのTricolor Flavourから頂いてきました。大分いじって（改悪して？）あります)、ブラウザごとにバグ、解釈の違いなどあって頭を悩ませてくれます。
position:relativeの指定してあるブロック内で、画像に対して float:rightで回り込みをさせようとすると、Windows版のIE6.0では 画像が消えてしまいます。この現象は、どうもIEのバグによるものらしいです。
対象のブロックに対してwidth:100%のように幅の指定をしてやれば 回避できるのですが、今度はIEと他のブラウザでwidthの解釈が異なる模様 (IEは残りスペースに対する割合, Mozillaはブラウザの表示枠全体に対する割合になっているみたいです)。 どないせいっちゅうねん、全く。
ちと邪道ではありますが、ブラウザ判定をするようなJavascriptのスクリプトを 用意して（ここのスクリプトを修正しました）、ブラウザによって読み込ませるCSSを変化させることにしました。 もうちょっとスマートにやれる方法ってないものか…。まあ、IEのバグが直って くれさえすればな〜んも問題もないわけですけど。
