css - CSSヘッダーの問題

Question

ブラウザがその幅から引き伸ばされると、ヘッダーは移動しませんが、ページのコンテンツは移動します。それは私を狂わせています。十分に伸ばすと、バナーは最終的に終了します。IE：バナーをそれ以上繰り返さない。

何かアドバイス？ソースコードのどの部分がこれを制御するのかわかりません。CSSを作成し、必要に応じてHTMLの一部を作成できます。

画像の例

ウェブ

Answer 1

マークアップが表示されていない場合（共有すると便利です）、9行目が問題のようです。

header#mast{margin:0 0 0 0px;width:1200px;position:fixed;top:0px;left:0%;z-index:100;}

次のように更新します。

header#mast{margin:0 0 0 -600px;width:1200px;position:fixed;top:0px;left:50%;z-index:100;}

left:50%（と-600px左マージン（要素の幅の半分）に注意してください。

Answer 2

#mastと#primary-nav' elements in adivのマージンを折り返す場合that has a style of：0px auto`これにより、ウィンドウを展開するときに、すべてがページの残りの部分の中央に配置され続けるはずです。

width: 100%バナーのエンディングに関する限り、ウィンドウを広げたときに結果として生じる無限の拡張の原因となる要素にスタイルを追加します。

編集

Webサイトを追加したので、ヘッダーの内容を次のタグに入れます。

<div class="container container-twelve">...</div>

これにより、画像、テキスト、リンクが中央に配置されます。

Answer 3

答えだったのは、違いの変化の大きな組み合わせでした。基本的に、それはいくつかの幅の変更に帰着しました。

幅を1か所で100％に設定すると、マストdiv全体がネストされたdivであるため、複数の幅に設定する必要がありました。また、バナーをさらに右に拡大するには、幅を200％にする必要がありました。

少なくとも私の解決策では、適切なコードがWebサイトに反映されています。皆さん、特にTManに感謝します。