2

奇妙な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を常に表示したくはありません。ページの下部が表示されている場合、またはユーザーが下にスクロールして表示している場合のみです。

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

4

3 に答える 3

2

CSSファイルに以下を追加してみてください。

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

position:relativeボディタグを削除します。

于 2011-06-30T07:55:45.743 に答える
2

マークの答えに追加するために、スティッキーフッターと呼ばれるCSSソリューションがあります。

フッターがページの下部に「くっつかない」理由は、フッターが絶対に配置されているコンテナーの高さがビューポートの高さ以下であるためです。したがって、コンテナを強制的に全高まで伸ばすことにより、フッターが常に下部に留まるようにします。

于 2011-06-30T08:00:15.213 に答える
2

あなたはここで主題に関するいくつかの広範な情報を見つけることができます。

于 2011-06-30T08:03:00.573 に答える