bodyに背景指定して、repeat-yでcenterしたんだけど

IEだとブザウザのウインドウサイズを変えた時、左のラインが見えなくなる場合がある。


どんな時に起きるかというと、例えば

    • bodyに800pxの背景画像を置いて、centerに置く、その背景には両サイド1pxのラインが敷いてある
    • そしてその中で798pxのコンテンツを置き、そのブロックをCSSでmargin:autoで真ん中寄せする
    • するとIEだけ真ん中寄せのレンダリング仕様が違うため、左の背景画像ライン1pxが見えなくなる

というもの。


解決方はこちらにあった。


WinのIEでCSSを用いて背景画像をセンターよせで指定した際、1pxずれてしまう


イマイチよくは分からんけども、IEの時だけpadding-leftに1px与えればいいことだけは確かですね。