css - 間違った Web ページの横スクロールでレイアウトがめちゃくちゃになる

Question

次のサイト: http://mountainfoodstorage.comの場合、ウィンドウを最大化すると (約 1520 ピクセルより広い)、ページが正しく表示されます。しかし、ウィンドウが約 1520px よりも薄い場合、水平スクロールバーが表示され、右にスクロールすると、レイアウトがめちゃくちゃに表示されます (幅全体にまたがるはずの div が切り取られます)。私の Web ページのコンテンツの幅は約 1000 ピクセルしかないため、水平スクロールバーの開始が約 500 ピクセル早すぎます。ページの要素を調べて、幅が約 1520px になっているものがあるかどうかを確認しましたが、これを行っているものは見つかりません。何か案は？

Answer 1

サイトの#main-menu幅ではなく、幅 + 左 = 1250 です。leftスタイルを削除float:rightし、ul

#main-menu {
    position:relative;
    left:265px; /* remove this */
    width:985px;
    margin:0 auto 0 auto;
}

#main-menu ul {
    margin-left:0;
    float: right; /* add this */
}

Answer 2

追加html, body {overflow-x: hidden;}?