0

スティッキーフッターについて他にもいくつか質問があることは知っていますが、問題の解決策を見つけるのに役立つ質問はないようです。問題のテンプレートは次のとおりです。

http://blog.campquiet.com/stack/

基本的に、透明なサイドバーのある背景をブラウザウィンドウの下部まで拡張したいと思います。フッター（著作権情報）は、それをそこまでプッシュするのに十分なコンテンツがない場合でも、常に画面の下部にある必要があります）。

助言がありますか？？

更新 多分私は必要なほど明確ではありませんでした。基本的に私はここに見られることを達成しようとしています：hxxp：//www.cssstickyfooter.com/

テンプレートでそれを機能させることができませんでした。

4

2 に答える 2

1

本体と外側のコンテナを100％の高さに設定する必要があります。この答えはあなたを助けるかもしれません：パディング/マージンでCSS100％の高さ

于 2010-07-11T22:26:01.903 に答える
0

あなたが何を求めているのかよくわかりませんが、フッターを常に一番下に保つには、おそらく次のようなものを試してください。

#footer{
    position: fixed;
    bottom: 0; /* Keeps the footer glued to the bottom of the page */
    z-index: 9999; /* Keeps the footer on top of all other elements */
}

背景として、CSSをbodyタグに適用してみてください。

body{
    background: url(assets/images/bg_clouds.jpg) fixed 0 0;
}

背景に追加の設定（位置や繰り返しなど）を適用して、現在のように見せることができます。とにかく、これであなたの質問に答えられない場合は、あなたの質問のより詳細な説明を手伝ってください。

お役に立てば幸いです。

アップデート

私はあなたのCSSを編集するためにFirebugで遊んだ。下の背景のCSSを取り除き、html, body {}これをあなたのbody {}

body {
   background: url("assets/images/bg_clouds.jpg") repeat-x fixed 0 0 #F0F4F7;
}

...スクロールしても背景が静止します。それは常にそこにあります。fixedの代わりに持っていることを確認してくださいscroll

于 2010-07-11T23:08:16.673 に答える