0

以前は 1000px に設定されていましたが、800px 幅の画面に収まるように Web サイトのグラフィックを縮小しました。ページ全体で背景がまだ繰り返されています。 http://imgur.com/zKyrf,ryv7y 灰色の背景は幅 800px である必要があります。バックグラウンドで使用したコマンドは次のとおりです。

    html {

    height:100%;
}
html, body, ul, form {
    margin:0;
    padding:0;
}
html {
    background-image:url(../images/bg.png);

     margin-left: auto;
         margin-right: auto;

}
body {
     background:url(../images/bgGeneral.png) repeat-x 0 0 ;width:800px;

     width:800px;
     margin: 0 auto;

}
4

2 に答える 2

2

提案

  1. を与えてHTMLも意味widthがありません。

    html {
    width:800px;
    height:100%;
}

    代わりにそれを与えて、通常bodyを維持してください！htmlあなたは何をしようとしているのですか？

    html {
    height:100%;
}
body {
    width:800px;
    height:100%;
}

  2. これは何を意味するのでしょうか？これらを削除します。

    html {
    background-image:url(../images/bg.png);

    margin-left: auto;
    margin-right: auto;

}
body {
    background:url(../images/bgGeneral.png) repeat-x 0 0 ;width:800px;
}

    マージンは HTML には影響しません! 代わりに、次のようにします。

    html {
    background-image:url(../images/bg.png);
}
body {
    background:url(../images/bgGeneral.png) repeat-x 0 0 ;
    width:800px;
    margin: 0 auto;
}

それはすべてを修正するはずです！

于 2013-01-04T08:23:33.007 に答える
0

試す background-repeat: repeat-y;

repeat-xに設定したため、繰り返しです。

于 2013-01-04T08:21:17.493 に答える