ページのフッターの末尾を延長する

Question

私はページの一番下までフッタを広げようと努力していました。私はいくつかの解決策に近づきましたが、それはうまくいかなかったようです。

bottomHalfは、ブラウザのページの下に広がるようにしたいと思います。しかし何らかの理由でそれはそれを過ぎて行きます。

どうすればこの問題を解決できますか？私はボディラッパーで100％に高さを入れてbottomHalf

<style type="text/css"> 

html, body { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    background-color: #F0E4C9; 
    font-family:"Times New Roman", Times, serif; 
} 

#wrapper { 
    margin: 0 auto; 
    width: 990px; 
    position: relative; 
    min-height: 100%; 
    height: 100%; 
} 

#topHalf { 
    margin: 0 auto; 
    width: 990px; 
    height: 435px; 
    background-color:#960; 
} 


#navigation { 
    margin: 0 auto; 
    width: 990px; 
    height: 55px; 
    background-color:#0CF; 
} 

#bottomHalf { 
    margin: 0 auto; 
    width: 990px; 
    min-height: 100%; 
    height: 100%; 
    background-color: #4d3c37; 
    color: #FFF; 
} 

</style> 

<div id="wrapper"> 
    <div id="topHalf"></div> 


    <div id="navigation"></div> 


    <div id="bottomHalf">EXTEND THIS TO BOTTOM OF PAGE, GOES TO FAR</div> 

</div> 

Answer 1

#bottomHalf { 
margin: 0 auto; 
width: 990px; 
min-height: 100%; 
height: 100%; 
background-color: #4d3c37; 
color: #FFF; 
possition: fixed; 
bottom: 0; 
}