Bonjour à tous,
J'ai un problème depuis qq temps qui n'a pas l'air si compliqué mais qui m'a déjà coûté qq cheveux, c'est pourquoi je fait appel à vous, je n'y vois plus rien.
Mon but est d'avoir une page avec un menu en haut sur toute la largeur, un menu latéral à gauche et un espace de contenu, comme ceci:
Menu Haut
----------------------------------------------
navigation | contenu
Mais je voudrais que le menu "navigation" ait une hauteur de 100%.
Voici mon code:
Où me suis-je trompé svp?
Merci
J'ai un problème depuis qq temps qui n'a pas l'air si compliqué mais qui m'a déjà coûté qq cheveux, c'est pourquoi je fait appel à vous, je n'y vois plus rien.
Mon but est d'avoir une page avec un menu en haut sur toute la largeur, un menu latéral à gauche et un espace de contenu, comme ceci:
Menu Haut
----------------------------------------------
navigation | contenu
Mais je voudrais que le menu "navigation" ait une hauteur de 100%.
Voici mon code:
<body min-height:100%">
<div id="global" style="overflow: hidden; width:100%; height:100%">
<!-- Start Menu Haut -->
<div style="width:100%;background-color:#3399CC;height: 72px;border-bottom: 7px solid #eaf4f9;">
</div>
<!-- End Menu Haut -->
<!-- Start Menu Latéral -->
<div id="navigation" style="width:300px; height:100%; border: 1px solid #000; float: left;">
</div>
<!-- End Menu Latéral -->
<!-- Start Content -->
<div id="content" style="height:100%; width:100%; border: 1px solid #000; ">
</div>
<!-- End Content -->
</div>
Où me suis-je trompé svp?
Merci