jquery - CSS DIV スクロールバーの最小幅の問題

Question

幅が 1400px の回転画像ヘッダー (jquery Cycle を使用) があります。それが置かれているサイトの幅は 960px です。

ブラウザのサイズを変更すると、1400px で水平スクロールバーが表示されます。1400pxではなく、960pxからのみ開始する必要があります。

これは可能ですか？また、サイズ変更時にヘッダー画像を中央に配置する必要があります。

ここでサイトと問題を表示できます....

http://108.174.144.176/~momandpo/

Answer 1

このCSSを追加してみてください：

#bg_containers div {
  width:100%;
}

1 つのコンテナ#bg_containerといくつかの子がありdivます。

Answer 2

コンテナと子の幅を 100% にして、レイアウトが拡大しないようにする必要があります。中央揃えの背景画像を使用しているため、画像は中央に配置されたままになり、ウィンドウの幅に応じて自動的にトリミングされます。

#bg_containers,
#bg_containers > div {
  width: 100% !important;
}

!important の使用を避けるために、これらの項目に固定幅を設定しないようにスクリプトを変更できます。