Bonjour !
J'ai un problème de mise en page CSS, pour une page dont la largeur est fixée (800 pixels), mais dont la hauteur doit faire 100% du browser. En d'autres termes, j'ai une largeur fixe, et une hauteur variable.
De plus, l'ensemble de la page ne doit pas avoir de scroll bar. Seul la zone de contenu (zone blanche du milieu) peut en avoir une.
Jusque là, pas de soucis.
Vient alors s'ajouter un élément de menu d'une hauteur fixe de 120 pixels avant le contenu.
Et en toute logique, la taille de la page prend donc 100% de la hauteur du browser + les 120 pixels du menu. Ce qui fait qu'une partie du scroll du contenu est "en dessous" du browser.
Voici une page reproduisant le problème :
http://www.baguette.net/css/hauteur/
Est-ce que quelqu'un voit une piste, une solution pour règler ce genre de problème ?
J'ai bien jeté un coup d'oeil dans la FAQ (et y compris le renvoi vers pompages.net), mais je n'ai pas trouvé réponse à ce problème.
D'avance un tout grand merci !
Modifié par Bouchon (03 Apr 2007 - 12:40)
J'ai un problème de mise en page CSS, pour une page dont la largeur est fixée (800 pixels), mais dont la hauteur doit faire 100% du browser. En d'autres termes, j'ai une largeur fixe, et une hauteur variable.
De plus, l'ensemble de la page ne doit pas avoir de scroll bar. Seul la zone de contenu (zone blanche du milieu) peut en avoir une.
Jusque là, pas de soucis.
Vient alors s'ajouter un élément de menu d'une hauteur fixe de 120 pixels avant le contenu.
Et en toute logique, la taille de la page prend donc 100% de la hauteur du browser + les 120 pixels du menu. Ce qui fait qu'une partie du scroll du contenu est "en dessous" du browser.
Voici une page reproduisant le problème :
http://www.baguette.net/css/hauteur/
Est-ce que quelqu'un voit une piste, une solution pour règler ce genre de problème ?
J'ai bien jeté un coup d'oeil dans la FAQ (et y compris le renvoi vers pompages.net), mais je n'ai pas trouvé réponse à ce problème.
D'avance un tout grand merci !
Modifié par Bouchon (03 Apr 2007 - 12:40)