Div qui prend toute la Hauteur de l'Ecran css
Résolu
Curtis Hayes
Messages postés
140
Date d'inscription
Statut
Membre
Dernière intervention
-
Curtis Hayes Messages postés 140 Date d'inscription Statut Membre Dernière intervention -
Curtis Hayes Messages postés 140 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous
Je suis entrain de m'arracher les cheveux :)
Je suis sur la construction d'un site qui comporte :
1 div header 960px
1 div menu 960px (horizontal juste en dessous du header)
1 div gauche float left height: 100%; width: 100px; en absolute
1div corp height: auto; width: 960px;
1 div droit float right height: 100%; width: 100px; en absolute
1 div menu bas 960px
1 footer 960px
Je précise qu'un div conteneur englobe le tout et que mes balises html et body sont à height: 100%;
width: 100%;
Voilà en gros, je scroll donc ma page pour tous voir, tous est ok c'est à dire que mon menu bas et mon footer sont bien à leur place mais mon soucis c'est que les deux div (gauche-droit) ne prennent pas toute la hauteur de mon écran et quand je scroll baaaa, ils s'arrêtent à un moment, si j'enlève leur position (absolute) ils disparaissent, bref je m'arrache les cheveux :(
Quelqu'un peut m'aider?
Merci d'avance.
Je suis entrain de m'arracher les cheveux :)
Je suis sur la construction d'un site qui comporte :
1 div header 960px
1 div menu 960px (horizontal juste en dessous du header)
1 div gauche float left height: 100%; width: 100px; en absolute
1div corp height: auto; width: 960px;
1 div droit float right height: 100%; width: 100px; en absolute
1 div menu bas 960px
1 footer 960px
Je précise qu'un div conteneur englobe le tout et que mes balises html et body sont à height: 100%;
width: 100%;
Voilà en gros, je scroll donc ma page pour tous voir, tous est ok c'est à dire que mon menu bas et mon footer sont bien à leur place mais mon soucis c'est que les deux div (gauche-droit) ne prennent pas toute la hauteur de mon écran et quand je scroll baaaa, ils s'arrêtent à un moment, si j'enlève leur position (absolute) ils disparaissent, bref je m'arrache les cheveux :(
Quelqu'un peut m'aider?
Merci d'avance.
1 réponse
Un height:100% leurs donne toute la hauteur de l'écran pas de la page si je me trompe pas.
Le plus simple est d'utiliser des colonnes factices.
Voir ici: https://www.alsacreations.com/astuce/lire/15-comment-faire-des-quotcolonnesquot-de-mme-hauteur.html
Le plus simple est d'utiliser des colonnes factices.
Voir ici: https://www.alsacreations.com/astuce/lire/15-comment-faire-des-quotcolonnesquot-de-mme-hauteur.html
Merci à toi, j'ai commencé à lire et c'est çe que je cherchais.
Merci.