CSS DIV滚动条和带最小宽度的背景

我有一个标题DIV，它的宽度为1400px，包含必须始终保持居中的背景图像。CSS DIV滚动条和带最小宽度的背景

我有一个网站需要960像素宽。

当我调整浏览器的大小（缩小它）时，我不想要任何水平滚动条，直到我们达到960px，但标题/背景上的较大宽度导致这种情况。

是否有可能停止调整大小的所有水平滚动条，直到960px并保持头部div中的背景图像为中心？

任何帮助表示赞赏！我在这里设置的一些代码用于快速测试...

http://jsfiddle.net/gVuvk 背景图像的宽度为1400px。我需要滚动条从960px开始 - 不是1400px。这可能吗？

来源

2012-08-15 lowercase

改变从固定像素#header宽度100%

演示：http://jsfiddle.net/wNSTD/3/

来源

2012-08-15 20:47:02 Sotiris

这工作的例子 - 但要意识到我做错了什么......新版本EHRE - 注意，图像现在是直列 - 而不是背景。任何方式来做一个广泛的图像在它的div的相同最小宽度？ http://jsfiddle.net/wNSTD/5/ – lowercase 2012-08-15 20:57:32

@lowercase您可以使用'#header img {width：100％}'这将适合图像的宽度，但会调整高度以保持高宽比。 – Sotiris 2012-08-15 21:21:38

感谢您的帮助，但仍然无法正常工作，当我用jquery运行它。这里显示了jquery插件运行的新JSFiddle。 http://jsfiddle.net/gVuvk/ 背景图片的宽度为1400px。我需要滚动条从960px开始 - 不是1400px。这可能吗？ – lowercase 2012-08-16 02:24:15

尝试用最小宽度摆弄，如果不工作，使用空间，CSS auto-margins可以是有用的在这里。因此，使结构如下：

<style> 
.center_image 
{ 
    margin: auto auto; // or you can modify the x or y seperately 
    background-image:url("somesite.jpg"); 
} 
</style> 

<div class="outer"> 
    <div class="center_image">

来源

2012-08-15 20:50:22 GLES

将标题的宽度设置为100％并居中背景图像。

background: url(http://fade.com.au/test/bg-image.jpg) no-repeat center center; 
width: 100%;

演示：http://jsfiddle.net/post_erasmus/Hn6Zb/1/

来源

2012-08-15 20:50:32 devstruck

CSS DIV滚动条和带最小宽度的背景

回答

相关问题