問題タブ [sticky-footer]

マークアップの右と左の両方の div をクリアするフッターを含む単純な 2 列のレイアウトがあります。私の問題は、すべてのブラウザーでフッターをページの下部に配置できないことです。コンテンツがフッターを押し下げる場合は機能しますが、常にそうであるとは限りません。

これは position:fixed で簡単にできることはわかっていますが、残念ながら IE 6 のサポートに行き詰まっています。どうすればよいですか? CSS を使ってきれいにしたいのですが、Javascript を使わなければならない場合でも、それで終わりではありません。私の現在の実装では、メイン コンテンツ領域の上に浮かび、Javascript で配置される「フローティング フッター」があります。私が現在持っている実装は、Javascriptを使用しても特にエレガントではないため、私の質問は次のとおりです。

1. Javascriptなしでこれを行う方法はありますか?
2. Javascript を使用する必要がある場合、このフローティング フッターの問題に対する「適切な」解決策はありますか? 「良い」とは、ブラウザ間で動作し、ブラウザのリソースを過負荷にせず (頻繁に再計算する必要があるため)、エレガントで使いやすいもの (つまり、 のようなものを書くとよいでしょうnew FloatingFooter("floatingDiv")) を意味します。

上記のすべてを備えた非常に簡単なソリューションはないと思いますが、構築できるものは素晴らしいでしょう.

最後に、より一般的な質問です。この問題を解決するのは非常に困難であることは承知していますが、すべてのページの下部にフッター コンテンツを配置する以外に、UI に代わるものはありますか? 私の特定のサイトでは、ステップ間の遷移を表示するために使用しています。これを行う他の方法はありますか？

当分の間、フッターを削除しました。サイトをオンラインにする必要がありました。というわけで、リンクも消えました。

ご覧のとおり (FF2 と IE7 の両方)、フッターは画面の下部にありますが、ページ (コンテンツ) の下部にはありません。

私は自分のコードにこれを持っています:

そしてこれはcssで：

または、長い話を短くすると、ここに記載されている指示に従いました。

私はこれを使用します：

Firefox/Safari/Opera および IE 6 と 7 では正常に動作するように見えますが、8 では動作しません。

フッターをページの下部に固定し、中央に配置する必要があります。フッターの内容は常に変更される可能性があるため、margin-left: xxpx; で中央に配置することはできません。マージン右: xxpx;

問題は、何らかの理由でこれが機能しないことです。

Web をクロールしましたが、何も見つかりませんでした。コンテナのdivとnadaを作ってみました。私は他の組み合わせとグルニッシュを試しました。どうすればこれを実現できますか?

ありがとう

この質問はときどき出てくると思いますが (私は実際に自分の質問を投稿する前にいくつかの投稿を読みました)、ここで再びです。

IE 6でこの URL でスティッキー フッターを動作させるにはどうすればよいですか? （リンク切れのためリンクを削除しました）

ここでの違いは、たとえば「Werknemer」または「AEX」をクリックすると表示される非表示の div を取得することです。

これは、ブラウザウィンドウの下部に表示したいブロックです（現在のようにページの最後ではありません）。

助けてくれてありがとう！

CSS を使用してフッターをブラウザーの下部に配置することについて読んでいます。また、高さを 100% にすることについて読むたびに、/ div または呼び出したいものを min-height 100% にします。そうすれば、コンテンツが十分なスペースを占有しない場合でも、フッターが一緒に表示されて折りたたまれることはありません。私の質問は、単純な古い高さ 100% だけでなく、最小高さ 100% を使用すると誰もが言うのはなぜですか? これは、ブラウザで 1 ウィンドウ分のビューよりも大きくなることはないということでしょうか (つまり、スクロール バーが必要なほど高くなることはありません)。100% の高さは、div がブラウザーの高さの 100% を占めるだけだと思います。それが私たちが望んでいることではありませんか？

私の CSS とデザインのスキルは開発者の典型であるため、私は YUI ライブラリを使用することが大好きです。フッターがページのベースにくっつく CSS テクニックの例をたくさん見つけることができます。しかし、私はこれを YUI グリッドに追加しようとして失敗しました。他の誰かがこれを達成したかどうか、そして彼らのアプローチを共有してもよろしいでしょうか?

すべてのスティッキー フッターでは、フッターを除くすべてのコンテンツをページ ラップ内に配置する必要があります。ヘッダーがページラップの外側に存在する必要がある状況があります:

この場合、CSS の補遺がどうなるか知っている人はいますか?

私は以前に私のために働いたこのソリューションを使用しています：

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

私は現在サイトで作業していますが、機能していません。ページの一部のdivで絶対位置を使用しているためだと思います。ページの下部に固執する代わりに、フッターはヘッダーの下、絶対に配置されたdivの上に表示されます。この状況でスティッキーフッターを機能させるにはどうすればよいですか？

実は今は動いています。理由はわかりません-それらのCSSの謎の1つ。ただし、関連する質問があります-ブラウザの最小の高さをどのように設定しますか？誰かがブラウザのサイズを変更する（小さくする）と、フッターが上に移動してコンテンツをカバーしなくなりますか？

編集-これがCSSです。フッターは下部にしっかりと固定されますが、ブラウザウィンドウが小さい場合は、ページのコンテンツdivをカバーします。