2014-10-05 84 views
1

我有一个页面页脚,标题和分隔divs在整个页面比内容区div本身更宽。居中网站相关内容区域的内容区域小于divider

我为中心的网站:

.wrap { 

width: 1500px; 
margin: 0 auto; 

} 

当我调整朝更小尺寸的窗口,该中心的观点是,一旦更宽页脚,标题和分隔的div到达屏幕的左/右侧破 - http://bit.ly/1nWeHn4

我需要的仅仅是当内容区域到达浏览器屏幕的末端时才停止。

我试图更广泛的div的宽度更改为:

max-width: 1500px; 
min-width:960px; 

它还挺解决了这个问题,并会正常工作,如果我更宽的div有坚实的背景,但是我的分频器的div都没有。其结果是,我可以看到分频器“移动”,同时调整画面 - http://bit.ly/1vFxAJR

我肯定有一个简单的办法,我只是不知道它是什么尚未:d

+0

我的MacBook Air的屏幕尺寸甚至不能看到整个网站,以便看看会发生什么:对,但我想你没有在你的div上设置%,但px的可能或者有最小宽度设置得太高 – Christian 2014-10-06 00:00:05

+0

看,我不希望我们的Mac朋友以任何方式感受受限,他们已经每天都做:P – Acidon 2014-10-06 00:01:12

+0

我猜你从来没有尝试过一个mac然后... – Christian 2014-10-06 00:01:38

回答

1

为了使分配器移动的内容,你必须设置背景位置背景财产。

.divider { background: url("sprite.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); 

*改变也背景重复无重复如你所说

+0

对于迟到的回复,您是最棒的! – Acidon 2014-10-21 15:27:54

+0

呵呵,谢谢:) – emmanuel 2014-10-21 15:28:19