もうすっかり昔のことすぎて忘れていたので、気が付いたことは覚書として記録しておこうと思い立った次第。
というわけで、表題通りの「横スクロールバー問題」。
背景に画像やら色やらを指定してる時に、ブラウザの幅を縮めて横スクロールバーが出た時にそのスクロールバーをズラして表示されてない領域を見ると、そこにあるはずの背景画像がきれいさっぱり表示されないというものです。
詳しくはこちらなどを。
解決方法としては、width を指定した要素か、もしくは body にその要素と同ぢか、少し大きめに min-width を設定するだけとのこと。
最近ワイドな画面に慣れ切ってて、ブラウザ幅を縮めたりなんてしないからすっかり忘れてました。
という備忘録。
ただ、Google Chrome だと、background:rgba でアルファ指定した要素の背景がスクロールでおかしくなるような……はて、これはなんとするか。