0

私はかなり標準的なレイアウト、ヘッダー、コンテンツ、フッターを備えたWebサイトで作業してきました。それぞれが、この質問で説明されているように、ページ幅のDIV内に幅900pxのDIVです。

全幅の背景、ラッパーなし

問題自体は、ブラウザウィンドウの幅が指定されたDIV幅（900px）よりも小さくなると、ラッパーの背景が消えて、Webサイト自体の背景色が表示されるように見えることです。これは、前述の質問のコードを使用しているときにも発生します。

これはCSSコードです：

#headerwrapper {
    height: 229px;
    background: url(imagenes/header.gif);
    background-repeat: repeat;}

#header {
    width:900px;
    height:229px;
    padding:0px;
    margin:0 auto;
}

そしてこれはHTMLコードです：

<div id="headerwrapper">
    <div id="header">
      Content goes here.
    </div>
</div>

任意の提案をいただければ幸いです。

4

2 に答える 2

0

の幅を指定しない場合#headerwrapper、ブラウザーは親コンテナー (div または body) の 100% にします。そのため、表示領域の幅が 900px 未満の場合は -#headerよりも広くなり#headerwrapper、重なり部分の背景は表示されません。スクロールバーが表示されるように追加overflow:auto;することもでき#headerwrapperますが、それは解決策ではないと思います。そのため、 の背景を追加する#headerか、を追加することをお勧めmin-widthし#headerwrapperます。PS指定

  min-width:900px;
  width:auto !important;

#headerwrapperトリックを行う必要があります。

于 2013-01-16T21:28:30.593 に答える
0

おそらく、スクロール領域の背景は見えません。スクロールエリアに背景が表示されるようにmin-width: 900px;orを設定する必要があります。max-width: 900px;

于 2013-01-16T21:09:39.047 に答える