Discussion :

[hphil]

Bonjour,

J'ai un code du genre,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="container">
  <div id="header"></div>
  <div id="content"></div>
  <div id="footer"></div>
</div>

Dans mon CSS,

• header mesure 100px de hauteur
• footer mesure 30px de hauteur

J'aimerais que content prenne l'espace restant en hauteur de la page affichable du navigateur. Le header est en haut, le footer est en bas et le content s'ajuste.

Bien, si je mets la hauteur du content à 100%, j'ai l'impression que le container prend 100% de la hauteur visible du navigateur et ajoute le header et le footer (soit 100% + 100px + 30px). Bref, ce n'est pas le résultat escompté, ça dépasse !

Pouvez-vous me donner une solution ???

Merci d'avance ,

Cordialement,

Philippe

[cell]

tu peux donner une hauteur fixe a ton container

[blueice]

Il suffit de placer ton content à 30px du haut et ton footer comme ca

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#footer {
    position: absolute;
    bottom: 0;
	}

ca devrait faire ce que tu veux.