スティッキーフッターの問題

Question

私のページにsticky footersを使用しようとしていますが、内容がなくてもフッタがウィンドウの下に表示されるという問題があります。

This pageは、これは一部の要素でmarginを使用しているため、フッターがmarginの累積値で「プッシュ」されていると言われています。このページはmarginをpaddingと置き換えることを提案していますが、これはまったく同じものではないので、私のデザインが壊れてしまいます。

フッターを「プル」するために他に何ができますか？

ここに私の問題を表示するためのリンクです：あなたのdivはパディングを持っている場合http://john2x.com/wordpress/?p=4

Answer 1

は多分あなたも、あなたがそれに与えている負のマージンに上部と下部パディングを合計しなければならない...

ので、たとえば、divの上限と下のマージンが10pxの場合、負のマージンに20pxを追加する必要があります。

フッタ内に余白がある要素があり、それを押し下げている場合は、余白の余白に余白を追加する必要があります。

Answer 2

これは＃ページラップ分の高さが100％に設定されているためです。

最も簡単な解決策は、＃page-wrap div内のフッターdivを移動することです。ページの境界内に収まるようにします。

希望すると便利です。