[CSS] Min-hight pour un div Résolu/Fermé

Question

Bonjour,

mon site est divisé en 3 parties, l'entete (1), la partie centrale (2), et le pied de page (3).
je voudrai 
La partie haute et le pied de page ont une hauteur deja defini.
je voudrai que la parti centrale ai un min-hight pour faire en sorte que meme si sont contenu est trop petit, le bas de page soit collé en bas de la fenetre.
Et que si le contenu de la partie centrale est trop grande, ben ca repousse le bas de page, c'est pas grave si il y a un scroolbar.

Dalida · Answer

salut,

la propriété {min-height} n'est pas interprétée par IE6.

et il faudra la définir en fonction de la taille de l'écran avec JS, plutôt bancale.

mieux vaudrait envisager un footer en position absolue et un contenu qui scrolle au besoin.

je fais un essai et te tiens au courant.

Dalida · Answer

c'est effectivement possible en utilisant la technique de fausse colonne pour le contenu et en exprimant les hauteurs d'en-tête et de pied de page en %.
[une démo]

Sieg Hart · Answer

Merci Dalida.

tu veut dire faire ca?

CSS:
#div1{
position:relative;
width:100%;
height:12%;
background:#FF0000;
}
#div2{
position:relative;
width:100%;
height:75%;
background:#00FF00;
}
#div3{
position:relative;
width:100%;
height:13%;
background:#0000FF;
}

Sieg Hart · Answer

Merci Dalida!

Mais bon ce que je voulai c'est que si le contenu du div central soit trop grand, le div s'agrandisse, et pas qu'il y ai un scrollbar. Mais bon je ferai avec.

Merci beaucoup ;-)


[edit]
Comment je pourai faire pour avoir le header et de footer de taille fixe?
Parse que dans l'exemple, le header (15%), le milieu (70%) et le footer (15%) font bien 100% de hauteur.
Mais je voudrai que le header et le footer ai  chaqun 145px de hauteur fixe, et que le milieu s'adapte en conséquence :S.
/edit

[CSS] Min-hight pour un div

4 réponses

Discussions similaires