html - オーバーフロー？コンテナのサイズが大きくなると、要素が押し出されます

Question

「.container」のcssを「width：800px」から「width：1900px」に変更すると、すべての要素が機能しなくなります。オレンジ色のボックスは、中央に配置されるのではなく、左側に寄りかかり続けます。なぜこれが起こっているのか誰かが知っていますか？私の友人はそれがオーバーフローと関係があるかもしれないと言いました、しかし彼は確信がありませんでした。

写真1：幅：1900px

写真2：幅800px HTML：

        <div id="orangeBox">

            <img src="images/logo.png" alt="Dash Logo" id="logo" />

            <div id="snappyText">
                <p>Ever think,"Where are the most mediocre places to eat around here? I want me some of that."</p>
            </div>  

            <div id="response">
                <p>Yeah, neither do we.</p>
            </div>

            <img src="images/whiteLine.png" alt="White Line" id="whiteLine" />

            <img src="images/iphone.png" alt="iPhone" id="iphone" />

            <img src="images/videoScreenshot.png" alt="Video Screenshot" id="videoScreenshot" />

            <img src="images/appStoreWhite.png" alt="App Store" id="appStoreWhite" />

            <div id="explanatoryText">
                <p>Dash is the quickest way to find good places to eat. In a world with too many choices and too much information, Dash clears the clutter and offers only the best in your area.</p> 
            </div>

            <ul id="menu">
                <li><a href="http://boxoutdev.com/">Blog</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>

            <a href="http://twitter.com/#!/thedashapp"><img src="images/twitterGray.png" alt="twitter" id="twitterGray" /></a>

            <a href="http://www.facebook.com/"><img src="images/facebookGray.png" alt="facebook" id="facebookGray" /></a>

        </div><!--end orangebox-->
    </div><!--end container-->

CSS：

body{
    background: url(images/grayBackground.png);
}

/*orangeBox*/

#orangeBox{
    background-image:url(images/orangeBackground.png);
    background-repeat:no-repeat;
    position:relative;
}




.container{
    width:800px;
    margin:0 auto;
    position:relative;
}

Answer 1

なぜあなたはあなたのCSSをこれに変えてはいけないのですか

min-width:800px;
    width:auto;

うまくいくか試してみてください。