Css 如何保持居中的背景图像不破坏布局？

---

我的背景图像有问题。如果浏览器足够宽，布局看起来是正确的，但是如果浏览器太窄，背景会一直向左移动。有没有办法阻止它移动？

我想知道这是否与同时使用body和#body css选择器有关（一个用于名为

body

的标记，另一个用于名为

body

的div）

目的是使导航区域具有白色背景，而#content div具有图像背景吗

你能试试这个而不是你有的吗

body {
    margin: 0px;
    padding: 0px;
}
#content {
    background-color: #333;
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
    background-position: center;
    float: right;
    width: 720px;
    padding-top: 35px;
    padding-left: 0px;
}

---

我想知道这是否与同时使用body和#body css选择器有关（一个用于名为

body

的标记，另一个用于名为

body

的div）

目的是使导航区域具有白色背景，而#content div具有图像背景吗

你能试试这个而不是你有的吗

body {
    margin: 0px;
    padding: 0px;
}
#content {
    background-color: #333;
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
    background-position: center;
    float: right;
    width: 720px;
    padding-top: 35px;
    padding-left: 0px;
}

---

难道你不能用一个白色背景div来封装整个左侧吗？

难道你不能用一个白色背景div来封装整个左侧吗？

我认为问题在于导航和内容区域都是浮动的，并且内容具有绝对宽度

最快的修复方法是将导航上的背景色设置为白色。这仍然会导致标题出现问题（好的节目，亚特兰大的一个创意工作室），但我认为你需要重新审视你是如何完成这部分的（它们只是两张图片）

---

最好有两列一直到顶部，并且这些图像可以在每个顶部的固定高度div中

我认为问题在于导航和内容区域都是浮动的，并且内容具有绝对宽度

最快的修复方法是将导航上的背景色设置为白色。这仍然会导致标题出现问题（好的节目，亚特兰大的一个创意工作室），但我认为你需要重新审视你是如何完成这部分的（它们只是两张图片）

---

最好在顶部有两列，并且这些图像可以在每个顶部的固定高度div中删除背景图像中的白色部分，并使用CSS的背景规则将左侧边栏背景设置为白色。仅将图像添加到右侧部分。保持左侧边栏的宽度。

删除他将背景图像的部分变白，并使用CSS的背景规则将左侧边栏背景变白。仅将图像添加到右侧部分。保持左侧边栏的宽度。

当页面宽度小于

div时，会出现此问题，导致该div不再居中。我发现我在Firefox上解决了这个问题，至少添加了：

html { min-width: 980px }

---

当页面宽度小于

div的宽度时，就会出现此问题，导致该div不再居中。我发现我在Firefox上至少可以通过添加以下内容来解决此问题：

html { min-width: 980px }

---

你用的是哪种浏览器？Chrome对我来说很好？仅供参考：这发生在firefox中，而不是ie7或chromeAh..IE 8看起来是错误的…safari中也没有，奇怪。你可以看到firefox和IE8中的问题。你用的是哪种浏览器？Chrome对我来说很好？仅供参考：这发生在firefox中，而不是ie7或chromeAh..IE 8看起来很好ong…这在safari中也没有发生，很奇怪。你可以在Firefox和IE8中看到这个问题。不起作用，但可能是一个好主意来改变它并避免混淆！谢谢！看到我对apphacker答案的评论，同样适用于黑暗背景。是的，我用firebug尝试了它，它修复了浮动问题，但只将背景应用于那个div…不是吗不起作用，但可能是一个好主意来改变它，避免混淆！谢谢！请参阅我对apphacker答案的评论，同样适用于黑暗背景。是的，我用firebug尝试过，它修复了浮动问题，但只将背景应用于该div…仅对导航栏等着色的问题是，我希望白色延伸到左侧边缘，然后底部边缘无论浏览器有多宽/多高。仅导航条等着色的问题是，无论浏览器有多宽/多高，我都希望白色延伸到左侧边缘和底部边缘。太棒了！谢谢Tobias！“我从事电影行业有一段时间了，但我似乎无法在罐中找到一个。”；）太棒了！谢谢托比亚斯！“我从事电影业已经有一段时间了，但我似乎一点也没有。”；）