css - フッターの背景画像に関するヘルプ

Question

重複の可能性:
Web ページの下部にフッターを配置するにはどうすればよいですか?

このページの 2 番目の背景画像が適切に配置されていません... 修正に苦労しています... フッターは常にページの下部に配置する必要があります。 min-height解像度に関係なく、常に一番下に留まる必要があるため、機能しません。

これに対するCSS修正はありますか？

-URLは削除されました-

Answer 1

スティッキーフッターを探しているようです。

http://ryanfait.com/sticky-footer/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

Answer 2

あなたが設定htmlしなければならbodyないheight:100%;

次に、ボディのみがビューポートを埋めるという別の問題を克服するには、すべてのコンテンツの周りにラッパーを配置し、最小高さを 100% に設定し、背景画像をそれに配置する必要があります。

デモコード: http://jsfiddle.net/fNwNn/3/
ライブビュー: http://jsfiddle.net/fNwNn/3/show

Answer 3

あなたが望むのはposition: fixed

これを試して：

#フッター
{
    位置: 固定;
    下: 0px;
}

これにより、フッターがウィンドウの下部に「固定」されます。

ジェームズ

Answer 4

これがあなたが望むものかどうかを確認してください： http://www.designersandbox.com/code/always-bottom-footer-with-css-only-tutorials/

そして実際の例:

http://demo.designersandbox.com/always_bottom_footer/index.html

---

実際にフッターでページのコンテンツをカバーできるようにしたい場合は、この行を削除する必要があります

#vc-body{padding-bottom:80px;} 

与えられた例から。