position div en bas

Question

J'essaie de positionner div comme pied de page dans la div parente.

<div> 
...some content... 
<div id='footer'> 
<span style='float:left'>Left text</span> 
<span style='float:right'>Right text</span> 
</div> 
</div> 

éléments Maintenant, à gauche et à droite sont ok, mais le div pied de page ne correspond pas au fond du contenant div, mais au fond de son contenu.

Mais si j'essaie de mettre la position: absolute pour le pied de page, cela perd la portée de la largeur div du parent et ainsi les travées gauche et droite vont l'une après l'autre.

Answer 1

http://jsfiddle.net/ch4Hw/

Utilisez position:relative; sur le récipient et position:absolute; bottom:0; height:auto; sur pied de page.

Answer 2

Ce que vous cherchez est (je pense) un pied de page collant. Voir ici pour une bonne technique: http://ryanfait.com/sticky-footer/

Answer 3

Si vous cherchez encore, j'atteint ce que je pense que vous êtes après ici:

http://www.facebookanswers.co.uk/code/fullheight/demo2.htm

Son un fichier autonome, IE tout le CSS est là avec le balisage, de sorte que vous devriez être en mesure pour voir ce qui se passe.

L'article complet est ici:

http://facebookanswers.co.uk/?p=312

Qu'est-ce qui vous donne un en-tête, deux colonnes et un pied de page.

Une colonne est utilisée pour la navigation, l'autre pour le contenu principal. Le pied de page va au bas de la colonne principale. Si le contenu est inférieur à un plein écran, le pied de page reste en bas de l'écran. Cependant, une fois que vous obtenez plus de contenu que l'écran, il va défiler avec le reste des données.