html - 页脚与内容重叠

Question

我有一个这样的 HTML 结构:

<div id="content" class="container_12">
    <div id="right" class="grid_3 alpha">
        <div id="menu_right"></div>
        <div id="adv"></div>


    </div>
    <div id="main_c" class="grid_9 omega">s</div>


</div>
<div id="footer"></div>

但内容在页脚上重叠，我试过了但没有任何反应。

这是CSS:

#footer {
    border-top: 4px dashed white;
    padding-top: 20px;
    margin-top: 40px;
    background-image: url("bannerbg.jpg");
}


#menu_right, #adv { width: 100%;
    min-height: 300px;
    background-color: #e3e3e3;
    margin-bottom: 10px;

    }


#main_c{
    height: 500px;
    background-color: #e3e3e3;
}
#content{
   // its blank
}

它显示如下:

我该怎么办？我试过 clear:both between content 和 footer :-?

编辑:在线查看，http://barcodes.ir/sap

Answer 1

看起来像css定位，也许你应该在页脚中尝试相对位置。

参见 this link了解有关定位的更多信息。