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

http://www.goodshow.tv 如何保持居中的背景图像不会破坏布局？

我遇到了背景图片的问题。如果浏览器足够宽的话，布局看起来很正确，但是当它太窄时，背景会继续向左移动。有没有办法阻止它移动？

2009-05-20 Alan

您正在使用哪种浏览器？在Chrome中我看起来很好吗？ – 2009-05-20 04:20:46

仅供参考：这发生在firefox中，而不是ie7或铬 – 2009-05-20 04:21:00

啊.. IE 8看起来不对...... – 2009-05-20 04:21:18

当页面宽度小于<div id="body"> div时，发生此问题，导致该div不再居中。我发现我至少可以通过在Firefox上解决此问题：

html { min-width: 980px }

来源

2009-05-20 04:35:05

我不知道这是否与使用身体和#body CSS选择器（一个名为body和一个名为body

在div标签是在导航区域有一个白色的背景和意图＃内容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; 
}

来源

2009-05-20 04:24:52

这你就不能封装整个左侧用白色背景DIV？

来源

2009-05-20 04:25:07

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

最快的修复方法是将#nav上的背景颜色设置为白色。这仍然会导致标题问题（Good Show和亚特兰大的一个创意工作室），但我认为你需要重新审视你是如何做这一部分的（他们只是2张图片）

可能更好有2列一直到顶部，这些图像可以在每个顶部的固定高度的div中

来源

2009-05-20 04:25:46