bonjour,

Je souhaite utiliser des div dans un site afin de créer un cadre.

j'aurai donc un code html comme suit :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<html>
<head>
 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
  <link rel="stylesheet" type="text/css" href="styles.css">
 
  <title>Positionnement CSS</title>
</head>
 
 
<body>
 
 
<div id="bandeau">Ceci est le bandeau</div>
 
 
<div id="menu">
 
menu
 
    </div>
 
<div id="pied_page">Ceci est le pied de page</div>
 
</body>
</html>
J'essaie avec ce style suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div {
    text-align:center;
    }
div#bandeau {
    width:100%;
    height:20%;
    background-color:#00CCFF;
    }
div#menu {
    float:left;
    width:10%;
    height:80%;
    background-color:#33FF99;
    }
 
div#pied_page {
    clear:both;
    width:100%;
    height:20%;
    background-color:#33FF99;
Mais malgré le height:80%; sur div#menu , la hauteur de mon menu ne prend pas toute la hauteur du navigateur.

Une idée ?

merci d'avance