0

私はこのような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 を試してみました:-?

編集：これをオンラインで見る、http://barcodes.ir/sap

4

2 に答える 2

1

css のポジショニングのようです。フッターで相対位置を試してみてください。

ポジショニングの詳細については、このリンクを参照してください。

于 2012-04-19T00:38:40.627 に答える
0

簡単な解決策: z-index: 1000;#footer css ルール セットにこのように追加します。このような：

#footer{
    z-index: 1000;
    ...
    ...
}

z-index は、他のどのコンテンツよりも高くなければなりません。これらのボックスの z 値は明らかに高いため、リベースする必要があります。

于 2012-04-19T00:42:46.473 に答える