多个CSS表 - 容器div背景不在顶部？

Question

我为一个无聊的网页赋予了新的生命。请在此处查看我的模板应该是什么样的：Correct body page 漂亮的页面！

现在 - 当我去添加现有的背景/菜单/页脚时 - 我在某种程度上失去了我的容器图像 -

/* structure */
.container {
background: url(/img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 702px;
position:relative;
}

我删除了位置：亲属; （但它仍然失败了）。请注意我只能使用网络内容管理器，因为我没有其他网站访问权限。出于这个原因 - 我的css表位于页面中间。 这就是页面现在看起来如何缺少bgcontainer.gif： Current page

请帮助 - 谢谢

Answer 1

在firebug的帮助下，我可以看到两页的html结构完全不同。在“好”的一个上你有一个“.container”div作为大部分内容的包装，你可以在这里用黑色边框看到它：

但是对于“错误的”，你在同一位置有一个“#container”div而另一个“.container”div进一步向下，嵌套在“#container”里面，它只包装那个头。

“错误”页面的“#container”div横跨整个文件。

顺便说一句，我喜欢你的设计。

编辑： 这是将float: left;和left:107px;添加到“.container”div的页面外观。

Answer 2

这是你最大的问题：

HTML页面的结构太多不同，无法在一行代码上解决这个问题。在“旧”页面中有5个样式表，包括您自己的样式表;在“新”页面中只有一个样式表。

添加default.css样式表时旧页面和新页面看起来不一样的原因是因为旧页面还有其他四种样式表也应用样式，其中许多都覆盖了您自己的样式。