問題タブ [sticky-footer]

ページ コンテンツが非常に小さい場合でも常に画面の下部に表示されるフッターを追加するにはどうすればよいですか

たとえば、ページにあまり表示されていないページがあるとします。そのため、フッターが画面の中央になります。ページに多くのコンテンツがない場合、フッターが画面の一番下に表示されるようにすることはできますか?

アップデート

画面全体を埋めるのに十分なコンテンツがない場合（つまり、画面の中央にフッターを表示したくない場合）、画面の下部にあるフッターが必要です。ページの一番下に移動します。

設計中の 2 つの Web サイトで Less Framework 4 を使用しています。両方のデザインで、ドキュメントの上部と下部の両方に 5 ピクセルの境界線を適用したいと考えています。

問題: bodyにスタイルが適用されているため、border-bottom と border-top をhtmlオブジェクトに適用しているため、通常のスティッキー フッターの状況で発生するように、下の境界線がページの下部にくっつくことはありません。 .

2 つのケースのスクリーンショットを次に示します。

これが、html と body に使用している (LESS) CSS です。

とオブジェクトheight: 100%の両方を使用してみましたが、ライブの様子は次のとおりです: http://prikonline.be/prikactie/bodyhtml

境界線をページの下部に貼り付けるにはどうすればよいですか?

重複の可能性:
HTML および CSS で、html オブジェクトを使用してスティッキー フッターをコーディングする方法は?

html以下の (LESS) CSS を使用して、オブジェクトの上部と下部の両方に 10 ピクセルの境界線を適用しています。ただし、ドキュメントがビューポートよりも高い場合にのみ機能します。

これが今起こっていることです。ご覧のとおり、 は の下部にはborder-bottomくっつきhtmlますが、ウィンドウの下部にはくっつきません。

私はすでに詰め込もうとしましたhtmlがbody、height: 100%; height: auto; min-height: 100%;まったく機能していないようです。助言がありますか？

http://www.cssstickyfooter.com/を見て、ブラウザ ウィンドウのサイズを 600px 未満に変更してください。

コンテンツが幅を超えてオーバーフローすると、ヘッダー要素とフッター要素が不足することに注意してください。

ページが水平にスクロールするときにヘッダーとフッターが不足しないように、これを防ぐ方法はありますか?

I'm trying to make a sticky footer, but it's not quite working for me.

CODE: http://jsfiddle.net/PC8x7/1/

As you can see in the live view, the footer comes underneath the rest of the page but you have to scroll to get there. How can I avoid this, and only have it have a scroll bar when it needs to?

奇妙なCSSの問題があります。すべてのページの下部に配置する必要のあるバナーがあります。

この目的のためにposition: relative;、私はボディをに設定し、バナーをに設定しましたposition absolute; bottom: 0px;

問題は、 次のようなページごとにバナーの位置が異なることです： http : //www.plotsandhouses.com/node/1、http ://www.plotsandhouses.com/node/29、http://www.plotsandhouses .com / node / 30

'custom-page_closure_wrapper' divは、ページの下部に配置しようとしているものです。設定することでこれを行うことができますposition: fixed;が、divを常に表示したくはありません。ページの下部が表示されている場合、またはユーザーが下にスクロールして表示している場合のみです。

誰かが私が欠けているものについて私に教えてもらえますか？

ページの下部にあるフッターを作成することは可能ですか?ページの高さがたとえば 500px の場合、フッターはその場所にとどまり、その高さの値の後は下部にありませんか?

このフッターは下部に表示されますが、ページの高さが 500px 未満の場合は表示されるので、CSS を使用してそのようなルールを作成することはできますか?

現在、プラグインhttp://codedumper.com/jquerystickyfooterを使用してステッカー フッターを作成しています。

http://client.astam.co.ukをご覧ください。期待どおりに動作します。

唯一の問題は、たとえば、エラー メッセージが表示され、ユーザーがクリックして削除した場合、またはトグルされたコンテンツが利用可能な場合、ウィンドウのサイズが変更されるまでフッターがブラウザーの下部からジャンプし、その後自動的に整理されることです。 .

プラグインが自分自身を再配置することを知る方法はありますか?

次のページに CSS スティッキー フッターを実装しようとしています。

http://www.tuhdoo.com/test/index.htm

ご覧のとおり、ある程度は機能しますが、画面の下部に 20 ピクセルのオーバーハングがあり、スクロールが発生します (firefox)。

誰でも助けてもらえますか？

私はこのチュートリアルに従っていました：

http://css-tricks.com/snippets/css/sticky-footer/

私の今後のサイトhttp://beerwhich.com/tester/loggedIn.htmlは、ここで説明されているスティッキー フッターを使用しています: http://ryanfait.com/sticky-footer/

何らかの理由で底に小さな隙間があるため、大きなビール瓶がフッターの端からにじみ出ません。

理由はありますか？ラッパーとして .container を使用しています。これには、.footer の高さに等しい負のマージンがあります。