Bonjour à tous,

j'ai des difficultés pour arriver à faire ma page avec :
  • un header de hauteur fixe
  • et un body en dessous qui occupe tout le RESTE de la page

en résumé la partie de mon code concernée donne :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
.header 
{height:80px;
width:100%;
background-color:#ffffff;}
 
.pageAndMenu
{height:100%;
width:100%;
}
Et ce qui se passe c'est que le body dépasse la largeur de la page car il occupe toute la hauteur restante PLUS la hauteur du header (En gros il occupe 100% d'une page vide et non pas 100% de ce qui reste de ma page avec header).

Auriez vous une idée d'un moyen pour résoudre cela ?
J'ai tenté un :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
height:(100%)-80px;
pour le body mais ça ne donne pas ce que je veux (je sais pas trop s'il est capable d'évaluer un truc pareil).

Merci par avance !!