IEで背景画像がずれる
2008年11月12日 16:21
body等に対して背景画像を中央揃えにした際に、IEだけ背景画像が1pxだけずれるという現象があります。
サンプル
どうも、ウィンドウ幅が奇数の場合に発生するようで、中央揃えした際に奇数値が割り切れずにずれるのはないかと思います。
回避策としては非常に簡単で、背景画像を中央寄せにしている要素（サンプルの場合body要素）に、padding-left:1pxを指定してあげると直ります。
サンプル2
たしかにこの回避方法でずれなくはなったんですが、ウィンドウ幅が偶数の場合はなぜずれが起きないんだろう？という新たな疑問。
ウィンドウ幅が奇数の場合は、1pxプラスされているので偶数になって割り切れるのは分かるんですが、偶数の場合は1pxプラスされて奇数になっているのに、なぜずれないのだろうと・・・
IEはよく分からんです。
