html - ページを水平方向にスクロールさせる定義された幅の div

Question

以下のこの div により、1450px より小さいブラウザーでページが水平方向にスクロールされます。オーバーフローでこの問題は解決すると思いましたが、そうではないようです...親divで行う必要があるかもしれません。何か案は？

http://barr-display.mybigcommerce.com/

   #Header {
    position: relative;
    clear: both;
    width: 1450px;
    min-height: 190px;
    overflow: hidden;
    background: url('/content/headerbg3.jpg') repeat-x;
    }

Answer 1

次の 3 つが必要なようです。

1. ヘッダー画像が切り取られたときにスクロールバーがありません。
2. メインページのコンテンツが切り取られたときのスクロールバーに対して YES。
3. ブラウザー ウィンドウの幅が広い場合、ヘッダーの背景を右に拡張する機能。

ここに関連するコードをもっと投稿する必要がありました。しかし、私はあなたのサイトを見て、これはそれを修正します:

1. #outer のルールを変更します。

#Outer { clear: both; margin: 0 auto; min-height: 190px; width: 1024px; }

1. #outer の親からマージンと幅のルールを削除し、width:100%;overflow-x:hidden;