CSS: position de pied de page absolue ou relative en fonction de la taille du contenu?

Je veux faire quelque chose comme ceci: enter image description here CSS: position de pied de page absolue ou relative en fonction de la taille du contenu?

Dans le cas 1: la hauteur du contenu est plus petite que la fenêtre. Dans le cas 2: la hauteur du contenu est plus grande que celle de la fenêtre - et le défilement affiche,

Mon problème est que le contenu est modifié dynamiquement. Ainsi, parfois, la hauteur .cont est plus grande que la hauteur de la fenêtre. Et puis, .foot devrait être sous .cont.

Si je mets ce code

<html> 
<head> 
<style type="text/css"> 
.cont{ 
    margin:0 auto; 
    background-color:#333; 
    width:800px; 
    height:500px; 
} 
.foot { 
    position:absolute; 
    left:50%; 
    margin:0 0 0 -400px; 
    background-color:#F33; 
    width:800px; 
    height:20px; 
    bottom:0px; 
} 
</style> 
</head> 
<body> 
    <div class="cont"></div> 
    <div class="foot"></div> 
</body> 
</html>

Je reçois ceci: enter image description here

Merci pour toute aide!

Source

2011-09-09 enloz

Si vous pouvez modifier le balisage légèrement, essayez ceci: http://ryanfait.com/sticky-footer/

Source

2011-09-09 21:32:21 Victor

Très complet d'aide, merci beaucoup .... –

Pourriez-vous s'il vous plaît ajouter des détails pertinents de votre lien? Il est maintenant expiré; ce qui est généralement la raison pour laquelle les réponses à lien unique sont supprimées du site. – Rob

CSS: position de pied de page absolue ou relative en fonction de la taille du contenu?

Répondre

Questions connexes