居中背景在html中被裁剪

在以下情况下，我在尝试水平居中背景时遇到问题：

• 背景很大，必须水平居中
• 页面的最小宽度为960px，在较小的屏幕上必须有一个滚动条

所以我决定这样做（伪代码）：

#这将包含带有“居中不重复”选项的背景图像
#这将是960像素的保证金0自动

实例：

问题是：背景应该停止在小于960px的分辨率上居中，但相反，页面右侧会出现一个白色间隙，背景会保持居中。我如何解决这样的问题

---

感谢您的想法

您可以使用css媒体查询：（）

另外，您没有设置

minwidth:900px到容器。。尝试使用：（）

.sec{height:90px；min width:900px；}
将
居中
替换为
左居中
@NabilKadimi OP正在尝试将图像水平居中。@NabilKadimi背景需要水平居中。替换为左中心将使其与页面左侧对齐。是的，我知道。但对我来说，这不是一个解决办法。这似乎是不需要采取这些措施就可以简单解决的问题。@Marius您没有将
min width:900px
设置为外部div。。这也可以解决您的问题。。添加到答案…数字。。。告诉你这很简单。非常感谢。IE7会支持吗？再次感谢您的帮助！
<bg-div> # this will contain the background image with "center center no-repeat" option
    <content-div> # this will be 960px margin 0 auto
    </content-div>
</bg-div>

@media screen and (max-width:960px){
   bg-div{background:url(..) left center;}
}