0

幅 1400 ピクセルのヘッダー DIV があり、常に中央に配置する必要がある背景画像が含まれています。

幅 960 ピクセルにする必要があるサイトがあります。

ブラウザーのサイズを変更 (縮小) すると、960px に達するまで水平スクロールバーは必要ありませんが、ヘッダー/背景の幅が大きいことが原因です。

サイズ変更時にすべての水平スクロールバーを 960px まで停止し、ヘッダー div の背景画像を中央に維持することは可能ですか??

どんな助けでも大歓迎です!簡単なテストのためにここで設定したコード...

http://jsfiddle.net/gVuvk 背景画像の幅は 1400px です。スクロールバーを 1400px ではなく 960px から開始する必要があります。これは可能ですか?

4

3 に答える 3

1

幅を#header固定ピクセルから100%

デモ: http://jsfiddle.net/wNSTD/3/

于 2012-08-15T20:47:02.337 に答える
0

最小幅をいじってみてください。それがうまくいかない場合は、マージンを使用してください。ここでは cssauto-marginsが役立ちます。したがって、次のような構造を作成します。

<style>
.center_image
{
  margin: auto auto; // or you can modify the x or y seperately
  background-image:url("somesite.jpg");
}
</style>

<div class="outer">
  <div class="center_image">
于 2012-08-15T20:50:22.630 に答える
0

ヘッダーの幅を 100% に設定し、背景画像を中央に配置します。

background: url(http://fade.com.au/test/bg-image.jpg) no-repeat center center;
width: 100%;

デモ: http://jsfiddle.net/post_erasmus/Hn6Zb/1/

于 2012-08-15T20:50:32.737 に答える