3垂直セクション

Question

私は、固定フッタが必要なサイトを持っています。ユーザーの画面サイズにかかわらず、常にフッターがページの下部に表示されるようにします。コンテンツが画面よりも長くなる場合は、フッターを下に移動します。私はこれをテーブルのないすべてのDIVにしたい。

以下の投稿は、asp.netタグでは答えられませんが、私が探しているものです。フォームタグがあると、すべてのCSSは無視されます。フォームタグを取り出したら、フッターは完全に底に張り付いています。あなたのCSSで

How do you get the footer to stay at the bottom of a Web page?

Answer 1

試してみようか？

.fixedPosition { 
     background-color:black; 
     position:fixed; 
     min-height:200px; 
     left:0px; 
     right:0px; 
     bottom:0px; 
    } 

これは、左、右と下にあなたのラッパーを修正します。それで、あなたはどんな身長を持っているかを決めることができます。

ポジショニングフォームに問題がある場合（わかりません）、ラップしてみてください。

<div class="fixedPosition"><form></form></div> 

助けましたか？

Answer 2

ブロックするために、ヘッダー、コンテンツ、フッターのdivに表示プロパティを設定します。あなたのヘッダー、コンテンツ、フッターのdivは、そのために、あなたのHTMLページに表示された場合の例に示されていないあなたのコード内の他のマークアップがない限り

#header { 
display:block; 
} 

#content { 
display:block; 
} 

#footer { 
display: block; 
} 

その後、フッタは常に、あなたのコンテンツの下に表示されます。