2010-12-31 6 views
0

私はちょっとピクルに入っています。私のページは、通常通りに私のフッタで終わらない。代わりに、私のdivsの終わりの後に続いている多くの "ボディの背景"がありますが、私は本当にスクロールがフッターの最後で終わるのが好きです。本文は部門の最後で終わらない

私は完全にはわかりませんが、この効果は、テキストやjpgを多くのホバーで使用するページメニューと関係している可能性があります(アクティブページでは、Dreamweaverのレイアウト上の高さは350pxです。約3倍の高さです。

私の質問:最後のdiv、フッターでページを "終了"する方法はありますか?HTML全体が少し大きすぎるので、ここに私の基本的なレイアウトです:あなたの任意のアイデアを持っている場合は

<body> 
<div class="backgroundofwholepage"> 

    <div class="menu"> 
    <!--contains a few other divs for the menu--> 
    </div> 

    <div class="content"> 
    <!--contains a three column div structure, based on float--> 
    <br class="clearfloat"> 
    <!--contains clear:both--> 
    <div class="footer"> 
    </div> 
    </div> 

</div> 
</body> 

、私は非常にあなたの助けをいただければと思います

ACME

+0

"fltright" と "clearfloat" のようなクラス名については、私は読むことをお勧めしhttp://phrogz.net/CSS/HowToDevelopWithCSS.html#semanticselector – Phrogz

答えて

1

sticky footer(ページの下部にフッターを置いてください)またはhtml要素に背景を配置して、ボディの背景がウィンドウを満たさないようにします。

html { background:white } 
body { background-image:url(...) } 

たとえば、次を参照してください。http://jsfiddle.net/vRBZM/

+0

感謝プロンプトの答えはPhrogz!面白い人物(決して自分のことを考えたことはないだろう...):htmlの背景を普通の白に変更し、bodyがdivで終わるように見えるが、htmlは別の画面の高さほど続く。これをどうやって解決するのですか? – Acme

+0

@Acme大文字小文字を区別するために、非常に大きな詰め物が必要です。問題を示すテストケースをhttp://jsfiddle.net – Phrogz

+0

のような場所に投稿してください。ここで基本レイアウトをアップロードしました:http://jsfiddle.net/2LRj7/2/エラーは次のように見えます。 jpgがなくてもここで既に発生しています。 – Acme

関連する問題