にこにこ風味 :: Weblog » Blog Archive » IE6 の “Peekaboo Bug”
このバグが有名なのか、そうでないのかは知らないけども。このバグに遭遇しても対処法を検索してもなかなかヒットしなくて悩んでしまった。 挙動としては CSS の float 属性を使用していると、float に内包されたコンテンツ、または float 要素に接する一部が一部表示されなくなるというもの。表示されないと言っても、スクロールしたり、選択すると現われる。その動きが “いないいないばぁ” と似ているので ‘Peekaboo’ と呼ばれるらしい。 詳細な説明は Position Is Everything に詳しくあります。 簡単な対処法は上記のサイトや次の evolt.org にあるように、float に含まれる要素に position: relative を指定するとバグを回避できます。 しかし、これではCSSの可読性も落ちるし、複数の要素に指定してやらなければならないので、面倒なので
metaphase coder team labs - IEで背景画像がずれる
2008年11月12日 16:21 body等に対して背景画像を中央揃えにした際に、IEだけ背景画像が1pxだけずれるという現象があります。 サンプル どうも、ウィンドウ幅が奇数の場合に発生するようで、中央揃えした際に奇数値が割り切れずにずれるのはないかと思います。 回避策としては非常に簡単で、背景画像を中央寄せにしている要素（サンプルの場合body要素）に、padding-left:1pxを指定してあげると直ります。 サンプル2 たしかにこの回避方法でずれなくはなったんですが、ウィンドウ幅が偶数の場合はなぜずれが起きないんだろう？という新たな疑問。 ウィンドウ幅が奇数の場合は、1pxプラスされているので偶数になって割り切れるのは分かるんですが、偶数の場合は1pxプラスされて奇数になっているのに、なぜずれないのだろうと・・・ IEはよく分からんです。 CSS Comments(0) Tra
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
