背景图像被推到狭窄的页面上

时间：2010-09-09 12:41:16

标签： css background-image

我有background-image用于将页面页脚与主要内容分开。在浏览器窗口中查看时，它显示得比页面支持的min-width更宽。但是，如果窗口调整为更窄，则图像相对于主体向右推。

如何在宽大的浏览器窗口中显示：

Good

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

Bad

我可以将主体内容设置为不向右推靠窗口的左侧，而是在狭窄的浏览器窗口中查看时保留30像素的边距吗？

如果CSS有用，页面会显示here。

2 个答案:

答案 0 :(得分：1)

是的，您应该<body>一个min-width。在我的网站上只有1000多一点对我有用，但我没有确切的价值。可能是色带的确切宽度。

-edit -

功能区（1000px）+边框（2 * 1px）= 1002px，应该这样做。

答案 1 :(得分：0)

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

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

相关问题
最新问题