背景宽度+页脚拉伸超过它应该

Question

我有这个网站：http://www.ryansammut.com/orijen/contact.html。

页脚也比Firefox应该更长，但在IE和Chrome中也可以。

当我放大很多，然后滚动到右侧时，背景也会消失。

Answer 1

该网站有一些沉重的设计问题...

但如果我不理会他们，只是解决问题的手最容易和最肮脏的方式可能的话，我会建议这个CSS添加到底：

body { 
    margin: 0 auto; 
    width: 1280px; 
} 

由于这样的事实，我不能花我所有的时间做你的工作，大多数我所能做的就是为未来:)

1. 降低您的的整体宽度提供建议网站大约984px到 适应更多的屏幕尺寸。
2. 重新设计容器箱布局， 如果您有 即可在纸上绘制它们。
3. 了解成长到合适， 收缩以配合在CSS的宽度和如何 触发他们
4. 使用相对定位和权利，如果你没有经验 使用左/避免 。
5. 安装萤火虫和使用它的实验 CSS。

编辑：

令对方后3 div的之一，宽度：为每个自动（默认值）。

称他们为＃标题，内容＃，＃页脚

给每个div的一个子DIV，一类.SUB，并给他们相同的背景，因为它的父。

使.SUB类具有所需的宽度（1280px）并保持了3

之间等于给.SUB类margin:0 auto;

让你的网站结构看起来是这样的：

<div id="header"> 
    <div class="sub"></div> 
</div> 
<div id="content"> 
    <div class="sub"></div> 
</div> 
<div id="footer"> 
    <div class="sub"></div> 
</div> 

和你的CSS是这样的：

#header, 
#content, 
#footer { 
    width:auto;/*not necessary as it's the default value anyway*/ 
    position:relative;/*not necessary but will help later on*/ 
} 
#header .sub, 
#content .sub, 
#footer .sub { 
    width:1280px; 
    margin:0 auto; 
} 
#header, 
#header .sub { 
    background:whatever1; 
} 
#content, 
#content .sub { 
    background:whatever2; 
} 
#footer, 
#footer .sub { 
    background:whatever3; 
} 

这是你想要的吗？

另外，如果你不想改变你的网站的HTML，你可以尝试玩最小宽度。 在IE6中，宽度几乎与最小宽度相同。