Html 是否显示在y轴上重复的背景图像？

这是一个相对较小的项目，我一直在工作，但它让我疯狂

我正在尝试将我的原始网站（完全用Dreamweaver，HTML完成）移植到Visual Studio 2013 ASP.NET项目中，在该项目中，我可以添加数据库、登录名等，以完成我的任务

我遇到的主要问题是，我的CSS代码不想在布局方面做我告诉它要做的事情

我已经尝试过一步一步地彻底改造网站，确保每个方面都能正常工作，然后再进行下一步

这就是我原来的网站的样子：

（原始HTML+CSS）

https://gist.github.com/anonymous/7ed94218f9374d41918e

现在，为了得到这个设计，我很久以前就使用了一个模板，我试着看看哪些CSS代码会影响布局，发现标签

main_容器

（HTML摘要的第13行）控制着网站的白色背景

因此，如果移除标记，将发生以下情况：

^这对我的问题很重要

在我的网站上进行移植时，我正确地复制了所有代码，并将其改编为ASP。（见要点：

https://gist.github.com/anonymous/9c09befeb8950f4c1416

）

然而，在这样做的过程中，我遇到了一个问题，

main\u容器的CSS代码没有被正确使用

#main_container{
    width:977px;
    background:url(center_bg_repeat.gif) repeat-y center;

图像在y轴上没有像在原始网站上那样重复，结果如下：
http://i.stack.imgur.com/E4TZU.png


我的语法错了吗？或者我的代码有什么问题
我已将所有图像放置在与CSS文件相同的文件夹中
方便
这是Visual Studio 2013的问题还是我在做什么
根本错误
是否有其他方法可以移植同样的设计而不需要
造成这么多问题
我不完全清楚您想要实现什么，但如果它与原始站点的布局相同，那么最好先复制html和css，使其正常工作，然后再重新构造或重构代码。例如，检查所有元素大小是否相同，以使内容按预期显示

您的原始代码和新代码之间存在一些关键差异，这些差异可能会影响新版本站点中的行为。在原始css中，
center\u bg\u repeat.gif
没有重复样式。另外，看起来原始代码中没有引用
#主容器

重复背景图像不会导致内容在页面上重复。您已经在新的html中包含了您的内容，因此您只需要使用定位（例如，浮动与相对/绝对定位）就可以按您想要的方式将磁贴布局（请参见代码片段中的示例）


html，主体，.container
{
身高：100%；
最小高度：100%；
}
.瓷砖{
浮动：左；
宽度：20%；
身高：30%；
利润率：10px；
填充：20px；
背景色：#ccc；
}

第一
第三
第二
第四
最后的
如果不粘贴大量屏幕截图和项目文件夹，这个问题很难解释，但如果可以，如果有人感到困惑，我会尝试更详细地解释我的问题：（哦，看起来我现在已经修好了。我只是在我的新CSS代码中添加了以下行：
最小高度：800px；
太好了！这在原始代码中吗？与哪个元素相对？它不在原始代码中，我必须添加到新CSS中，它是用于
主容器的，取决于您的要求，您需要如果您希望将
最小高度：100%；
添加到
#main_容器中
，以适应内容