HTML/CSS合わせDIV - 最初 - 優秀な図書館

いずれか早い方、私はdiv要素を持っている：HTML/CSS合わせDIV - 最初

clear:both; 
position:absolute; 
bottom:0; 
left:0; 
background:red; 
width:100%; 
height:200px;

とHTML、ボディ：

html, body { 
    height:100%; 
    width:100%; 
} 


/* Body styles */ 
body { 
    background:url(../images/background.png) top center no-repeat #101010; 
    color:#ffffff; 
}

私のコードは、基本的に20ローレンイプサムです段落の後にdivが続きます。

は、今私は、相対と絶対となどに位置を設定しようとしたが、あなたはそれ

でのdiv scrolsを下にスクロールするとき、絶対にdiv要素は画面の下に自分自身を揃えるので、私は相対的に設定するが、時に試してみましたページをスクロールするのに十分なコンテンツがない場合、divはページの下部にありません。

theresのは、あなたをスクロールするかどうか

出典

2011-06-22 Ozzy

http://www.cssstickyfooter.com/ – Marcel

伝統的なスティッキーフッターがアスカーが望んでいるものの正反対であるように聞こえます。 –

以下に私のコメントを更新しました。 –

[OK]をクリックして固定して作業してください：Dあなたが望むことを望みます。ここプレビュー：http://jsfiddle.net/URbCZ/2/

<html> 
    <body style="padding:0;"> 
     <div style="position:fixed; width:100%; height:70px; background-color:yellow; padding:5px; bottom:0px; "> 
      test content :D 
     </div> 
     <!--Content Here--> 
    </div> 
    </body> 
</html>

出典

2011-06-23 00:07:37

コンテンツの隠れた部分はどうですか？これを防ぐ方法はありますか？ – Guillaume

ありがとう - これは私のために働く – blackhawk

場合、それは...不使用

私には、どのように私はdiv要素はによっては、画面やページの一番下にあることを取得することができ、私は固定しようとしたが、それだけで固定ジャバスクリプトの解決策が必要です：固定された部分と部分的なインラインまたは絶対に決定するjs。 jQueryはオプションですか？ここにスクリーンキャストがあります： http://jqueryfordesigners.com/fixed-floating-elements/

出典

2011-06-22 23:43:56 natedavisolds

HTML/CSS合わせDIV - 最初

答えて

関連する問題