在狭窄页面上正确推送背景图像

我有一个background-image用于将我的页面页脚与主内容分开。在浏览器窗口中查看时，显示效果会比页面支持的min-width更宽。但是，如果窗口调整为较窄，则图像会相对于主体向右推。在狭窄页面上正确推送背景图像

它是如何显示在广泛的浏览器窗口：

Good

它是如何显示在狭窄的浏览器窗口：

Bad

是否可以在主体内容不推直到而不是在窗口的左侧，而是在狭窄的浏览器窗口中查看时保留30像素边距？

该页面是活的here如果CSS会有所帮助。

2010-09-09 Rezzie

关于网页设计或布局的问题在这里是不重要的，应该在Doctype上询问。看到常见问题在http://stackoverflow.com/faq – 2010-09-09 12:46:42

哎呀，我的歉意。抱歉! – Rezzie 2010-09-09 12:53:31

@TED应该允许关于CSS和HTML的技术问题 - 这不是一个真正的设计问题 - 他要求技术问题的解决方案 – 2010-09-09 13:03:33

是的，你应该给<body> a min-width。在您的网站上，只有1000以上的作品适合我，但我没有确切的价值。可能是色带的确切宽度。

CNC中

色带（1000像素）+边界（2 * 1像素）= 1002px，应该这样做。

2010-09-09 12:47:40

问题是，您的#footerTop和#footer太大，正在响应窗口缩小。我想解决这个问题的方法是将#footerContainer的背景添加进去。如果将它与中心对齐，它将始终工作，因为#footerContainer没有固定的宽度。

这也意味着当浏览器窗口调整到999px宽时，您将无法获得水平滚动条。这一切都取决于你希望窗口能够走多远

2010-09-09 12:48:55 lnrbob

回答