2009/01/10(土) フロートの落下

 インターネット・エクスプローラーのCSSバグの一つ。CSS Advisor - フロートの落下 - フローティングエレメントが想定された位置より下に落下するに詳しいが、これは困る。画面サイズの小さなパソコンではレイアウトがぐじゃぐじゃになる。対処法としてはfloat:left;を使う場合、右のdivの横幅を指定しないこと。ちょっと不満は残るものの、2列のサイトならそれで大丈夫。でも、3列のレイアウトはこれでは難しい。IE8では改善されてるんだろうか。

 IEと言えば、次第にシェアを落としているようだ(2008年ブラウザシェア推移 - IE 8%減、Fx 4.5%増、Safari 2.3%増 )。Firefoxが半分近くまでシェアを伸ばしてくれると、「このページはIEでは表示がおかしくなります。バグのないブラウザをご使用ください」とか差別的に書けるのだが、まだ無理だ。

 それにしてもOperaのシェアは1%もないのか。Wiiや携帯では便利に使ってるんですけどね。