[CSS] Min-hight pour un div
Résolu
Sieg Hart
Messages postés
68
Date d'inscription
Statut
Membre
Dernière intervention
-
Sieg Hart Messages postés 68 Date d'inscription Statut Membre Dernière intervention -
Sieg Hart Messages postés 68 Date d'inscription Statut Membre Dernière intervention -
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.
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.
A voir également:
- [CSS] Min-hight pour un div
- Télécharger opera mini pour pc - Télécharger - Navigateurs
- Maj to min - Guide
- Div c++ - Télécharger - Langages
- Mini traceur pour lunettes - Guide
- Excel min sauf 0 ✓ - Forum Excel
4 réponses
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.
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.
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]
[une démo]
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;
}
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;
}
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
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
