右方向にスクロールすると、横いっぱいに広がっているはずの背景が途切れる

「Horizontal Band」とよばれるデザイン。
縦に積まれた各エリアに対し、ウインドウサイズに合わせて横幅全体に広がる背景を施したデザインです。その注意点。

実際のコンテンツは幅1000ピクセルぐらいの固定サイズで作られることが多く、画面いっぱいにデザインが施されながらも、間延びした感じを与えないというのが良いところ。

気をつけなければいけないこと

ウィンドウの幅を狭めたときに発生したスクロールバーをスクロールすると、横いっぱいに広がっているはずの背景が途中で切れてしまいます。（Safari、Firefox、IE7+で発生。IE6はOK。）

ウィンドウサイズがじゅうぶん広い状態

ウィンドウサイズを狭めて右にスクロールした状態

CSSで、横方向に広がるbackgroundプロパティを設定したエレメントに、min-widthで最小固定幅を設定すればOK。

これ、わりとメジャーなサイトでも、あまり対応できていないサイトが多いです。

スカイプとか