28172 sujets

CSS et mise en forme, CSS3

Pied de page est fixe

Bonjour,

Je souhaite faire un pied de page pour l'ensemble de mes pages mais je n'arrive pas à bien le caler en bas, après tout le contenu avec une hauteur variable.
Avec le code suivant, le pied de page est en bas mais il n'est pas variable en fonction du contenu.

Voici une vue simplifié de mes pages : 

<body>
  <div id="div_principal">
        contenu
  </div>
 
  <div id="div_bas_page">
	Mentions Légales
	Conditions Générales de Vente
	FAQ
  </div>
</body>


Voici le css : 

#div_principal {
	position : relative;
	top: 0;
	min-height: 90%;
	width: 100%;
	font-size: 14pt;
	font-family: "Segoe UI";
	margin: 0;
	padding: 0;
	padding-bottom :55px;
}
 
#div_bas_page{
	position: absolute; 
	bottom : 0;
	color: #FFFFFF;
}


Merci.
Modifié par afrodje (26 Feb 2010 - 11:25)
Bonjour,

Le positionnement absolu (et le relatif, mais dans une moindre mesure) fait sortir les éléments du flux, ils ne sont donc plus conscient de la présence des autres éléments.

Enlève les position:relative et absolute et ton pied de page se placera tout seul sous le contenu.
Modifié par Laurie-Anne (26 Feb 2010 - 10:11)
Effectivement le pied de page se colle bien sous la div_principal.

Mais le souci est que ma div_principal ne s'adapte pas à mon contenu. On dirai que tout le contenu de la page sort de la div_principal.
Modifié par afrodje (30 Mar 2010 - 13:05)
Sujet clos
Aller à