0

ページの下部にフッターをプッシュするにはどうすればよいですか?これが私が現在持っているものの例です:hansmoolman.comご覧 のとおり、フッターは私の2つの左右のコンテナーの下に押し込まれています。どうすればこれを修正できますか。赤いバナーをヘッダーバーに押し付けて+z-indexを指定する必要があるため、一部の要素には相対位置を使用しました。フッターを下部に貼り付けるための解決策をオンラインで見つけましたが、ページ全体を埋めるのに十分な大きさのフッターが2列に表示されない場合でも、フッターが表示されるため、問題は解決しません。

したがって、私が望んでいるのは、フッターが常に残りのすべてのコンテンツの下に続くことです(後で解決できる下部への貼り付け)。

CSSコードが少しあるので、ここに追加していませんが、必要に応じて追加できます

4

3 に答える 3

2

CSSは次のようになります:

#footer {
    background-color: #FFFEF0;
    border: 1px solid #000000;
    clear: both;
    height: auto;
    margin-top: -100px; /* >> Remove This*/
    overflow: hidden;
    position: relative;
    top: -200px; /* >> Remove This*/
    width: 100%;
    z-index: -1;
}

次のcssルールをから削除します#footer

top: -200px; 
margin-top: -100px;
于 2012-08-23T11:51:58.280 に答える
1

clear:を試してください。display:blockがあることを考慮して、フッターコンテナタグの両方を使用してください。セットする

于 2012-08-23T11:51:37.917 に答える
1

内容を正しく揃えます。cssにいくつかの変更を加える必要があります。

まず最初に削除します:

top: -200px;
width: 100%;
z-index: -1;

あなたから#footer

そして、に変更#mainContentContainerします:

#mainContentContainer
{
    min-height: 400px;
    overflow: auto;
    position: relative;
    width: 100%;
}
于 2012-08-23T12:07:38.890 に答える