[Résolu]Height:100% innefficace

Bonsoir!
Voilà mon probleme: mon <div cadrelegende> englobe une image png (une fleur en background style="float:left" ) ansi que plusieurs <div class="statrow" style="float:left">.
J'aimerai bienque le div cadrelégende s'adapte automatiquement a la hauteur de son contenu. La commande height:100% diminue la hauteur à 0px.
Voila des captures.Le resultat tel qu'il devrait etre:


et voilà l'image telle qu'elle apparait scandaleusement :
Modifié par Ralfman68 (20 Mar 2006 - 19:02)

Bonsoir,
Pour que que ton div fasse 100% tu dois donnre un hauteur fixe a son conteneur ou un valeut en % mais alors dans ce cas tu devra déclarer
html, body {height:100%} voir http://forum.alsacreations.com/faq/#item57

Ok, mais tous les divs contenus ont déja une hauteur fixe exprimée en pixels. Dès qu'ils sont en flottant, c'est comme si leur hauteur n'existait pas...
Modifié par Ralfman68 (24 Feb 2006 - 21:24)

Un petit bout de code ou mieux un lien serait le bien venu!
Sinon je pense que le div conteneur ne s'adaptent pas aux contenu puisque tous le contenu que tu decris est flottant donc en dehors du flux.
Pour contourner ce problème il existe plusieurs astuces, à toi de choisir.
voir http://openweb.eu.org/articles/initiation_float/
et http://forum.alsacreations.com/faq/#item6
Modifié par Hermann (24 Feb 2006 - 21:57)

Je rajoute juste ce lien à ceux donnés par Hermann, car il me semble un peu plus complet (et plus imagé) que les explications de la faq, et propose plusieurs solutions :

http://web.covertprestige.info/test/03-elements-flottants-et-element-parent.html

À propos de la hauteur à 100% : elle n'est valable que si la hauteur de l'élément parent est définie. Un élément en height: 100%; contenu dans un élément de hauteur fixe (par exemple 400 pixels) aura bien une hauteur égale à la hauteur du bloc parent.
Si on veut appliquer ce principe à toute la page, il faut d'abord que html soit à 100% de hauteur, puis body, puis les éléments consécutifs...
Modifié par mpop (25 Feb 2006 - 00:10)

Ok merci de votre aide, en effet, ça marche... j'avais bien pensé à la méthode du spacer mais je la trouvais un peu "bricolo'. Soit.
Modifié par Ralfman68 (25 Feb 2006 - 01:51)