pb height div

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:

---

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

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:

---

html,body {height:100%;}

---

pourrait suffire

nickel ça marche!

Merci Candygirl