pb height div

**couse1** · 18/12/2007, 18h30

salut,

voila j'ai un pb avec le height de mes div que je veux en %, malheureusement cela ne marche pas.
En fait l'organisation de mon site est la suivante :
- 2 bandeaux horizontaux
- 3 bandes verticalles
- et pour finir un pied de page.

Voici mon css :

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
div#pub_horizontal
{
height:10%;
background:red;
}
 
div#titre
{
height:10%;
background:orange;
}
 
div#menu_vertical
{
height:75%;
width:20%;
float:left;
background:khaki;
}
 
div#corps
{
float:left;
height:75%;
width:60%;
background:burlywood;
}
 
div#autre
{
float:left;
height:75%;
width:20%;
background:blue;
}
 
div#pied
{
clear:both;
height:5%;
background:green;
}

au niveau de la largeur pas de pb, par contre pour la hauteur cela ne fonctionne pas.

qqn à une idée?

Merci
couse1

**Candygirl** · 18/12/2007, 19h18

Pour qu'une valeur en % soit appliquée à la propriété height, il faut que le parent de l'élément ait un height spécifié explicitement (ormis en positionnement absolu). Si ce n'est pas le cas, il prend alors la valeur auto, ce qui semble être ton cas.

Si tes différents éléments sont à-même le body, ajouter:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part