header - CSS 全ページ幅ヘッダー

Question

ちょっと問題があります。ページヘッダー全体が表示されていますが、画面サイズを拡大または縮小してスライドすると、少し問題が発生します。ページ幅全体ではなく、余白を残すだけです。cssコードがフォローされますように。

.header {
background:#242424 repeat-x;
color:#ffffff;
width:100%;
height:74px;
font-family: 'Karla', cursive;
font-weight:bold;
font-size:15px;

}

score 0 · Accepted Answer

問題はあなたの<div class="medium-cont"></div>タグが原因です。

CSS で幅を 1400px に設定しているため、問題が発生しています。

この要素を使用する必要はありません。代わりにの背景画像を設定します.medium-back。

<div class="medium-back">
    <div class="register"></div>
    <div class="medium-cont"></div> <!-- Remove this line -->
</div>

.medium-backスタイルを次のように変更します。

.medium-back {
    background: #19D89B url(images/medium-content.png) no-repeat;
    height: 475px;
    margin: 0 auto;
}

width:100%;次に、最も外側の要素にある他のスタイルをすべて削除します。

1 に答える 1