hauteur de pied 100% sur la page centrée verticalement

Question

http://www.stuartflake.com est le site sur lequel je travaille. L'élément de pied de page contient le menu, l'arrière-plan est gris. Le contenu de la page est centrée verticalement par div#position

le css pour c'est

#position { text-align:center; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; } 

Mon problème est que je voudrais le pied de page gris pour avoir une hauteur dynamique, de sorte que le gris s'étend toujours à la en bas (non, pas un pied de page "collant"). Des pensées comment cela pourrait-il être fait?

Une solution css est préférée, mais une solution jQuery est également valide.

grâce

Answer 1

Ce n'est pas une solution parfaite, mais vous le pouvez "faux" en manipulant le corps:

background:#E7E8E4; 
border-top:300px solid #F6F6F6; 

Et puis l'ajouter à #wrapper:

background:#F6F6F6; 

Cette échouera si l'utilisateur a un écran vraiment élevé cependant (ayant plus de 300px de marge de haut en contenu).

Answer 2

Je ne sais pas si c'est ce que vous demandez, mais vous pouvez changer #wrappertop:-325px-top:-200px