2012-02-11 6 views
1

私はスティッキーフッターを作るしようとしていますし、私のページのHTML構造は、このようなものです:CSS(大幅に単純化された)固定フッターがページに余分な高さを引き起こしていますか?

<head>...</head> 
<body> 
    <div class="centerPane"> 
     <div class="userCenter">..</div> 
     <div class="bottom>...</div> 
    </div> 
</body> 

:何らかの理由で

head 
{ 
    height: 100%; 
} 
body 
{ 
    min-height: 100%; 
    height: 100%; 
} 

.userCenter 
{ 
    position:relative; 
    height: 100%; 
} 

.bottom 
{ 
    position: absolute; 
    bottom: 20px; 
    height: 30px; 
} 

を、これは下をOFF推進していますfirefox 10.0.1のブラウザのウィンドウサイズに関係なく、ページの最下部を過ぎてください。あなたが設定してみてください可能性があり、問題が何であるかを173.228.119.111:3000/users/sign_in

答えて

0

:ここ

はデモですフッターの余白を負の値にします。つまり、

margin: -4em; 
関連する問題