html - 底部和顶部需要一个跨越我网站宽度的黑色填充栏，并且必须是可扩展的

Question

大家好。我正在尝试创建一个黑条，页脚的大小从页面的一侧延伸到另一侧(几乎可以填充空白并使其看起来像我的页脚延伸到屏幕的每一侧。我不能这样做是因为我已经在我的 CSS 正文部分使用了图像

body {
  margin: -1px 0 0 0;
  padding:0px;
  background-color:#FFF;
  font-family: calibri;
  background-image:url(images/item9HeaderSideFiller.gif);
  background-repeat: repeat-x;
}

*我几乎对标题做了同样的事情，但黑线要小得多。

请查看网站http://item9andthemadhatters.com/

这将使我更容易理解我正在尝试做的事情。

我知道这可能是一个简单的修复方法，但我是 html 新手。任何帮助都会很棒。谢谢!

Answer 1

已更新。将 #footer 移到 #wrap 之外，并为背景添加另一个 div。

<div id="wrap">
    ...
</div>
<div id="footer-wrap">
    <div id="footer">
        ...
    </div>
</div>

CSS:

#footer-wrap { background:#000; }
#footer { width:954px; margin:auto; }

#footer-wrap 将获得背景样式。