Cssページの一番下に合わせる

Question

私はいつも一番下にフッタを置き、ページ内のコンテンツのサイズに合わせて移動したい。今私は多くの内容のために、フッターをカバーする動的なコーティングを持っています。

は、どのように私はあなたがここで何が起こっているかの陽性であることがより多くのHTML/CSSを投稿する必要がありますが、あなたのフッターがあなたのコンテンツページでカバーされているように聞こえる私のCSS

div#Footer 
    { 
     width: 100%; 
     height: 80px; 
     padding: 1px; 
     -moz-border-radius: 35px; 
     border-radius: 35px; 
     background-color: Black; 
     color: #ffffff; 
     position: fixed; 
     bottom: 0; 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
    } 

Answer 1

これは無数の時間を求められています。あなたはスティッキーフッタを探しています。
リンク先をたどるだけで、これはよく知られているテクニックであり、そこにすべてのソースコードを提供します。

Answer 2

を修正することができます。この場合、フッターにZ-インデックスを設定すると、おそらく問題が並べ替えられます。

z-index: 1000; 

これは、典型的には、要素が後で以前のものの上に表示される宣言とフッターは、あなたのhtmlの最後に表示されていることを確認して、並べ替えることができます。

Answer 3

あなたが望むものは少し不明ですが、このコードはうまく機能しています。

クレジット - http://css-tricks.com/snippets/css/fixed-footer/

#footer { 
position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

Answer 4

これは簡単な解決策です。 [CSSスティッキーフッター]の

#footer { 
    bottom: 0%; 
    position: fixed; 
}