28172 sujets

CSS et mise en forme, CSS3

Bonjour,

<body>

<div id="header"></div>
<div id="contener"></div>
<div id="footer"></div>

</body>


Comment faire pour que #contener ai une hauteur maximale sachant que

#header {height: 120px;}
#footer {height: 50px;}

header et footer sont collés respectivement en haut et en bas de la page (marin à 0). Contener doit occuper tout le reste de la hauteur.

Merci pour votre aide.
Modifié par Hayreon (10 Feb 2011 - 11:21)
Salut,
Pour qu'un conteneur enfant de body occupe une hauteur de 100% il faut spécifier height:100%; au conteneur, à body et à html.
Une petite recherche dans la section apprendre sur height:100% devrait t'en dire plus Smiley cligne
J'ai lu le tutoriel .... mais trop vite !

J'ai donc utilisé min-height pour le contener et height en % pour footer.

J'ai le résultat voulu Smiley smile

Merci.