問題タブ [sticky-footer]

ブラウザの下部にフッターを配置する際に、古典的な問題が発生しています。http://ryanfait.com/resources/footer-stick-to-bottom-of-page/などの方法を試しましたが、良い結果は得られませんでした。FFと両方のブラウザウィンドウの中央にフッターが常に表示され続けます。 IE。

HTMLでは、この単純な構造を取得しました

cssフッターの問題に関連するcssコードは次のとおりです。

どこが間違っているのですか？私は本当にすべてを試しました。役立つ情報を見逃した場合はお知らせください。

よろしくお願いします。

よろしく、

回答ありがとうございます。それは一緒に働いた：

設定位置：修正済みは、何らかの理由でIEでは機能しませんでした（ブラウザの中央にフッターが表示されました）。FFでのみ機能しました。

現在、 CSSレイアウトテンプレートモジュールのJQueryライブラリを調べています

プレースホルダーの高さを*で定義することは可能ですか？
つまり、必要に応じてコンテンツをプッシュダウンし、コンテンツ全体がビューポートよりも少ない場合は残りのスペースを埋めます。

これは、スティッキーフッター全体をはるかに簡単で堅牢にするのに非常に便利です。

私は現在、ある種の粘着性のあるフッターを必要とするWebサイトに取り組んでいますが、すべての場所で作業しているわけではありません。

したがって、http：//www.hostcule.org/newsite/

ホームページの場合、フッターは自動的に下部に貼り付けられますが、他のページの場合は、http：//www.hostcule.org/newsite/about-usなどではありません。

CSSを使用して、CSSを下部に固定するにはどうすればよいですか？

フッターdivの現在のCSS

ブラウザの下部に表示され、ユーザーがスクロールしてもその位置に留まるバーを作成するために使用される HTML/CSS は何ですか? 私が話していることのアイデアについては、envato.comを参照してください。

私のスティッキー フッターは、Safari と Chrome を除くすべてのブラウザ、特に work.html ページ自体でうまく機能します。

http://obliqueinteractive.com/creative/work.html

この css 属性をスタイル シートから削除すると、問題は解決しましたが、フッターが貼り付けられなくなりました。

フッターがこのように動作することを強制している他の css の問題がある可能性はありますか?

ページの下部 (ウィンドウの下部ではない) にスティッキー フッターがあるスクローラーを避けるにはどうすればよいですか? コンテンツとサイドバーから height=100% を削除すると、スクローラーが表示されなくなります。ただし、そうすると、コンテンツとサイドバーがフッターまでのすべてのスペースを埋めません。

私はこれが過去に何度も尋ねられたことを知っていますが、私の人生の間、私は他の解決策のどれも機能させることができないようです。

私がやろうとしているのは、フッター（ページの幅全体に繰り返される画像）を、自然にブラウザの下部にプッシュするのに十分なコンテンツがない場合に、ブラウザの下部に固定することです。ページとそれを一番下にプッシュするのに十分なコンテンツがあるとき、それはまさにそれをします。例としては、http：//www.themaninblue.com/experiment/footerStickAlt/good_example_short.htmにあるものがあります。これは、私が望んでいることを正確に実行しますが、どちらも動作しません。

私が現在実装しているコードにより、フッターはページの特定のセクションに固定され、その下にテキストが表示されます。sourcectrl.co.ukで見ることができますが、あまり見ることはありません。ここにあなたの閲覧の喜びのためのコードがあります。

散らかっていたらごめんなさい！私が正しい方向に向かっているのか、それとも私が得ていない何かがあるのか​​を知りたいのですが？そうそう、私はhtml 5マークアップを使用してこれらすべてを実行しようとしています。これが、＃footerなどがない理由です（これが、どのソリューションも機能しない理由でしょうか？）。

誰かが私に助けやガイダンスを与えることができれば、私はすっごく感謝するでしょう。

Ryan Fait のスティッキー フッターの方法と、こちらとこちらの方法を見てきました。

これらの人々はなぜ、スティッキーフッター用のテンプレートを作成しているの#footer{position:fixed; bottom:0;}ですか?

編集：

position: fixed;フッターに使用するmargin: auto;と、(少なくとも) 一部のブラウザーではセンタリングが壊れるため、ラッパー タグが必要になることを付け加えておきます。上記の方法に関する私の問題の一部は、紛らわしく、構文的に正しくない（「HTML純粋主義者」にとって）余分なタグであり、帯域幅を消費します。ただし、私の意見では、フッターを囲む単一のラッパーは、最初からごちゃごちゃしたページ テンプレート全体よりも優れています。そして、「私の」方法はさらに簡単で、帯域幅を消費しません。

私はどのようにしてフッターをWebページの下部にとどまらせるのですか？stackoverflowに投稿...

しかし、私はそれをasp.netWebアプリケーションであまり機能させることができませんでした....私はすべてのページにマスターページを使用しています...

フッターをページの下部に貼り付けるにはどうすればよいですか？

参考のために：