Div overflow:auto qui refuse de prendre la taille du div parent.

Bonjour,
Un <div mainbox> prenant la hauteur de son contenu (du texte paragraphé) contient également un <div class= cadretoffs" style="overflow:auto"> qui est sensé s'ajuster à la bonne hauteur lui aussi. Hélas puisque la hauteur du div parent n'est pas exprimée en pixels, le height:100% qui s'applique au div "cadretoffs" est comme inexistant. Le résulat : le div cadretoffs prends la taille de son contenu. (sur l'image d'exemple, la partie vert foncé représente ce prolongement indésirable).
J'ai essayé de placer des divs "spacers" avec clear:both mais ça ne prend pas, qui a une idée svp? merci!
EDIT=>voici le code :

<div class="mainbox">
  <div class="cadretexte">
    <p>texte paragraphé</p>// c'est ce contenu qui détermine la hauteur 
  </div>
  <div class="cadretoffs"> 
    <a href="#"><img src="suite d'images"></a>
    <a href="#"><img src="suite d'images"></a>
    <a href="#"><img src="suite d'images"></a>
  </div>
</div>

et voilà les css:

.mainbox       {float:none;
                    border:1px solid #a898CD;
                    width:544px;
                    margin  : 0px 0px 0px 6px;
                    padding:  0px;
                    background-color:#fff;
                    height:100%;}
.cadretexte    {width:544px;
                     margin: 0px 0px 0px 0px;
                     padding: 0px 0px 0px 0px;
                     padding:  0px 0px 0px 0px;
                     background-color:#fff;}
.cadretoffs    {float:right;
                     border:1px solid #babad5;
                     width:171px;
                     margin: 0px 5px 0px 0px;
                     top:0px;
                     padding:  0px  0px 0px 0px;
                     overflow:auto;height:100%;}

Modifié par Ralfman68 (17 Mar 2006 - 23:25)

Pas facile de debuger sans code tu peux le traansmettres

c'est fait.

Ralfman68 a écrit :
c'est fait.

Non pas du tout !!!

tu mets des id dans le html et des notations de class dans la css, ton image a des couleurs ta css non. C'est rigoureusement inutilisable si on veut tester pour t'aider.

Un peu de sérieux quand même.

Ah oui c'est vrai. Pourtant je m'étais relu!
Modifié par Ralfman68 (28 Nov 2007 - 22:29)

Pitain mais C pas vrai, ya en plus une erreur sur #cadretoffs/#cadretoff

Grrr

Bon...

Je pense que c'est un problème de contexte de formatage, donc :

(re)lecture : blog & Blues - Float, clear et contextes de formatage

La propriété overflow:auto; doit être appliquée à l'élément conteneur de l'élément en float donc, dans ton cas, #mainbox.
Modifié par clb56 (17 Mar 2006 - 23:46)

L'erreur est humaine, désolé...
J'ai trouvé ceci sur alsacréations : infos sur height100%

a écrit :
Par définition, une valeur en % s'applique par rapport à une référence. Par exemple : si un conteneur n'a pas de hauteur et qu'il contient un div en height 100%... normalement ce div n'a pas de hauteur puisque celle de son parent n'est pas déterminée (vous me suivez ? )

ce qui résume exactement mon problème
Modifié par Ralfman68 (18 Mar 2006 - 00:23)