小さいコンテナ内で大きなコンテナをオーバーフローさせてセンタリングする

Question

基本的には、コンテナ内で1600pxのコンテナを940pxにセンタリングする方法を探しています。

私はページを常に中央に置いておき、サイトの主なコンテンツは940ピクセル幅にします。私は1600pxの画像を持っています。画像を追加するだけで、画像は940pxのコンテナに残っていて、660pxにオーバーフローします。例は下の画像を参照してください。私が欲しいもの

940pxコンテナ内の中央に画像であり、実際にIE8が優しい事前にされていない複数の背景画像を、追加するための保存、私は途方に暮れています。

私はこれまでこれを行う必要はなかったので、この問題に遭遇したことはありません。

今、私はページを1600pxのマスターコンテナに設定しました。これはうまくいきますが、ページを開くと、1600pxコンテナの一番左にページが始まり、メインコンテンツは非中央に表示されます。

以下の例2は私が探しているものです。

すべてのヘルプは大歓迎です。おかげでみんなとギャル！

Answer 1

それとも、ただ次の属性を使用してページへ1600年のコンテナを相対的にセンタリングできます

left: 50%; 
margin-left: -800px; 

Answer 2

画像にマイナスのマージンを設定できます。 Javascriptを使用して実際の数値を計算することはできますが、940の中で常に1600になる場合は、330pxのマイナスマージンを設定することができます。

（コンテナ幅 - コンテンツ幅）/ 2 =左マージン

#container img { margin-left: -330px; } 

Answer 3

あなたは2（= 660px 1600から940）との差を取る、その後、両方のdivの幅を取得するにはJavaScriptを使用することができます。センタリング（330ピクセル）のためにそれを2で割ります。その後、コンテナをその分だけ残してください（-330ピクセル）。