0

我缩小了网站的图形，使其适合 800 像素宽的屏幕，并且之前设置为 1000 像素。我完成了所有元素的大小调整，并将网站带到页面的中心，两侧有 100 像素的空间，但是背景仍在整个页面上重复。我想要页面两侧的空白。bg.png 的大小为 100*100 并且在整个页面上重复。 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. 给HTMLa 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 回答