【IE8】がーん！標準レンダリングで崩れ発生！
2009/3/25
Webデザイン
IE8の標準レンダリングのみの話で、IE7レンダリングと、IE8互換であれば崩れは生じないようです。
今回、この部分は、ラジオボタン１つと画像１つをひとつのリスト項目liに含めているのですが、そのliに対してwhite-space:nowrapをかけたのですが、これがおかしく解釈されてしまっているようで・・・このwhite-spaceをはずせば症状は治まります。ただ、white-spaceをはずしてしまうと、本来は離れ離れになってほしくないラジオボタンと画像の間に改行を行ってしまうこともあります。う?む、どうしよう。
ちなみにCSSをはずすとこんなリストです。
いろいろ悩んで、ラジオボタンと画像をlabelタグでマークアップし、labelに対してwhite-spaceを適用したらうまくできました。一安心。