ウェブページの下に配置

Question

私には厄介な問題があります。すべてのページの一番下に配置する必要があるバナーがあります。 position absolute; bottom: 0px;

へ

私は position: relative;に身体を設定している。この目的のために

と私のバナーの問題は、次のような異なるページで異なる私のバナー位置です： 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の表示を常時行ってはいけません。ページの一番下が表示されているか、ユーザーがスクロールして見ているときだけです。

誰でも私が紛失していることについて教えてもらえますか？

Answer 1

Marcの回答に追加するには、Sticky Footerと呼ばれるCSSソリューションがあります。

フッターがページの下部に「スティック」しないのは、フッタが絶対的に配置されているコンテナの高さがビューポートの高さを超えないためです。したがって、容器を完全な高さに強制的に引き伸ばすことによって、フッタが常に底部にとどまることが保証される。

Answer 2

あなたのCSSファイルに以下を追加してみてくださいすることができます

body {height:100%;} 
#custom-body-wrapper {height:100%;} /*this is the container of your absolute div*/ 

とあなたの体のタグにposition:relativeを取り除きます。

Answer 3

件名hereに関する詳細な情報があります。