Pied de page collant, mais seulement parfois pt. 3

Question

Même problème que précédemment (voir Sticky Footer, but only sometimes et Sticky Footer, but only sometimes...continued) ...

J'ai un pied de page que je veux coller au fond de la page, sauf si le contenu remplit la page, alors je veux qu'il se poussé vers le bas. Je l'ai fait une douzaine de fois avec d'autres sites, mais je ne peux pas le faire fonctionner. Travailler dans Wordpress. J'ai vérifié l'ordre de mon divs et je suis allé au cours de la css ... toute aide est appréciée.

Les principaux composants CSS:

* { 
    margin: 0; 
    padding: 0; 
} 

html, body { 
    height:100%; 
    min-height:100%; 
} 

#wrapper { 
    background:url("images/shadowborder.png") repeat-y center; 
    width:100%; 
     max-width:100%; 
     min-width:980px; 
    min-height:100%!important; 
     margin:0 auto; 
    margin-bottom:-20px; 
    position:relative; 
    overflow:auto; 
} 

#content { 
    clear:both; 
    float:left; 
    padding:20px 20px 60px 20px; 
    font-size: 1.6em 
} 
#spacer { 
    height: 40px; 
    clear: both; 
} 

#footer { 
    position: relative; 
    border-top: 1px solid #e5a5fc; 
    padding:3px!important; 
    height:20px; 
} 

Le site:

http://www.hcfmissoula.com

Answer 1

La recette que je l'utilise est:

• height: 100% sur html
• min-height: 100% et position: relative sur body (avec height:100% pour IE6)
• position: absolute et bottom: 0 sur le pied de page div

Peut-être être difficile empêchant le pied de page d'obscurcir un texte près du fond cependant.