2012-03-05 4 views
0

コンテンツとフッタの間の残りの高さを埋めるために "spacer" divを設定することができます。したがって、フッタは常にページの一番下にあります)? フッターがウィンドウの最下部にない例を次に示します。http://template1.staceyapp.com/(私はこのテンプレートを使用していますので、構造は同じです)。 私はdivを作成し、それを最小高さ、高さ100%などに設定するなど、多くのことを試しました。 おそらくJavascriptが必要です。 jQueryを設定して、残りのスペースを埋めるために高さを計算するのを手伝ってもらえますか? もっと良い解決策はありますか?一番下に固定された:事前にコンテンツとフッタの間の残りの高さのスペースを埋めるためにJavaScriptが必要

多くのおかげで、 Graxa

+0

私はあなたの要求によって混乱しています。あなたはウィンドウの下部にそれを望んでいない、あなたはちょうどそれがコンテンツの終わりの後に表示したいですか?これはブロックレベル要素がデフォルトで行うことです。コンテナdivの後ろにフッターを追加するだけで、それが望むように動作します。 – MetalFrog

答えて

0

はあなただけの位置にフッターを設定しようとしたことがありますか?

+0

マークウォルターズの答えによると、私は窓の底にないページの底にそれを望みます。私と一緒に考えてくれてありがとう。 – Graxa

+0

次に、自分のdivにフッタを置くだけで、content-wrapper-div –

1

CSSを使用して、フッターをページの下部に配置できます。フッターが別のdiv(コンテナ)内に含まれている場合position: fixedを使用したりすることによって

absoluterelativeとフッターのpositionにそのpositionを設定し、それはの底にロックを維持するためにあなたのフッターbottom: 0;を指定しますページ。

+0

に直接従ってください。助けてくれてありがとうございますが、私は「ウィンドウの底」と言ったときに間違って書きました。私はPAGEの最後を意味します。これは、ウィンドウより長いページ(高さ)があるためです。この場合、フッターがウィンドウの固定された底にないすべてのコンテンツの下にくるようにしたいだけです。とにかくありがとう! – Graxa

1

ブラウザウィンドウの下部またはコンテンツの下部にある、固定したフッターが必要なように聞こえるようです。

それが本当である場合、チェックアウト:http://ryanfait.com/sticky-footer/

+0

私は前にそれをテストしましたが、 'html、body { height:100%; } '私のCSSのグラデーションの背景がひび割れします。グラデーションは、ボディサイズの100%またはウィンドウサイズ(小さいもの)を想定し、ページの最後まで繰り返し続けます。ありがとうございました。 – Graxa

+0

ここに私があなたに働いている実際のサイトがあります:http://www.helenrodel.com.br/future/oliver/?/collections/ – Graxa

関連する問題