2012-05-12 10 views
1

はここで例だスクロールません下を埋めたいですそれは身長が小さいです。ボディBGの色がページの下部を塗りつぶしてしまってフッタを過ぎてしまってしまいます。ページのコンテンツの多くはそう、ありません<a href="http://imgur.com/5mcCB" rel="nofollow">http://imgur.com/5mcCB</a></p> <p>ページの一番下に私の背景色seapsは、と私は...私のフッターの色が

コンテンツが小さい場合、そのフッターの色をどのようにすることができますか?画面)?私は馬鹿馬鹿しいことを分かち合うので、すべてのページのために巨大なフッタを永久に作りたいとは思わない。

ありがとうございました。

+0

本文にフッターと同じ背景色を付けることはできませんか? – Sampson

+0

いいえ、それはフッターの上の体色のほとんどです。それから私は同様の問題に遭遇するだろう... BFの色はブラウザのウィンドウ全体を満たし、私のコンテンツは約900-1000pxの幅しかありません。 – Shackrock

+1

'

Foo
'の場合は、ボディに同じbgカラーを与え、コンテンツの背景に新しい色を設定することができます。 – Sampson

答えて

1

私はボディとフッタに同じ背景色を与え、次にボディ自体の中のラッパー要素に "ボディ"バックグラウンドカラーを適用します。

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Alternative Background Method</title> 
    <style> 
     body, 
     body > footer { 
     background: /* bgcolor */ 
     } 
     #content { 
     background: /* original body background color */ 
     } 
    </style> 
    </head> 
    <body> 
    <section id="content"> 
     <!-- main content ---> 
    </section> 
    <footer> 
     <!-- footer contents --> 
    </footer> 
    <!-- 

     Any visible space between the bottom of the viewport and the 
     footer element will have the same background as the footer 
     element itself. 

    --> 
    </body> 
</html> 
関連する問題

 関連する問題