2011-09-09 5 views
5

私はこのようなことをしたい: enter image description hereCSS:フッターの位置は、コンテンツのサイズに応じて絶対または相対ですか?

ケース1:内容の高さはウィンドウより小さい。 ケース2:コンテンツの高さがウィンドウおよびスクロールショーより大きい場合

私の問題はコンテンツが動的に変更されることです。だから、時々.contの高さが窓の高さよりも大きい。そして、.footは.contの下になければなりません。

私はこのコード

<html> 
<head> 
<style type="text/css"> 
.cont{ 
    margin:0 auto; 
    background-color:#333; 
    width:800px; 
    height:500px; 
} 
.foot { 
    position:absolute; 
    left:50%; 
    margin:0 0 0 -400px; 
    background-color:#F33; 
    width:800px; 
    height:20px; 
    bottom:0px; 
} 
</style> 
</head> 
<body> 
    <div class="cont"></div> 
    <div class="foot"></div> 
</body> 
</html> 

を設定した場合、私はこれを取得:任意の助け enter image description here

感謝を!

答えて

3

あなたは少しのマークアップを変更することができた場合は、これを試してみてください。

+0

は非常に完全な助けhttp://ryanfait.com/sticky-footer/、ありがとうは非常に.... –

+2

は、あなたがあなたのリンクから関連する詳細情報を追加していただけますか?それは今や期限切れです。これは、通常、リンクのみの回答がサイトから削除される理由です。 – Rob

関連する問題