私のヘッダーには、ブラウザーの幅が何であれ (2000px、4000px など) 拡大する繰り返し要素があります。ヘッダー要素内には、幅 1200px の固定された背景があります。私のページのレイアウトは幅 960px です。
固定を 1200px に設定すると、ブラウザの幅が 1200px 未満のユーザーには水平スクロールバーが表示されます。
1100px のブラウザー ウィンドウを使用しているユーザーに水平スクロール バーが表示されないようにするにはどうすればよいですか?
header {
background: #000 url("/images/bg-header-repeat.png") repeat;
position: relative;
}
.header-wrapper {
background: url("/images/bg-header.png") no-repeat left top;
margin: 0 auto;
min-height: 100px;
width: 1200px;
}
.container {
margin: 0 auto;
width: 960px;
}