28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un petit problème avec le footer de mon site. Je souhaiterais que mon pied de page qui vient tout de suite aprés mon contenu au centre, s'allonge en hauteur quelque soit la hauteur restante de l'écran (afin d'éviter une coupure en milieu de page si le contenu est court).

html, body {
  height: 100%;
	padding: 0;
	margin: 0;
}
#global {
	width: 100%;
	height: 100%;
}
#centre {
	width: 990px;
	overflow: hidden;
	padding-bottom: 20px;
	margin: auto;
}
#pied {
	width: 100%;
	position: fixed;
	min-height: 100%;
	height:150px;
	background-color: #403125;
}
#pied-global {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height:150px;
}


et html :

<body>

<div id="global">

<div id="centre">mon contenu</div>

<div id="pied">
  <div id="pied-global">bas</div>
</div>

</div>

</body>
</html>


De l'aide ne serait pas de refus Smiley smile en vous remerciant
Modifié par luciol (02 Dec 2012 - 21:57)