Div qui prend toute la Hauteur de l'Ecran css

[Résolu/Fermé]
Signaler
Messages postés
140
Date d'inscription
vendredi 27 février 2009
Statut
Membre
Dernière intervention
27 janvier 2010
-
Messages postés
140
Date d'inscription
vendredi 27 février 2009
Statut
Membre
Dernière intervention
27 janvier 2010
-
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.

1 réponse

Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
463
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
7
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Messages postés
140
Date d'inscription
vendredi 27 février 2009
Statut
Membre
Dernière intervention
27 janvier 2010
17
Bonjour

Merci à toi, j'ai commencé à lire et c'est çe que je cherchais.

Merci.