Discussion :

[okkix]

Bonjour,
J'ai un petit problème avec un cadre dans un conténeur principal.



J'ai un Div dans le conténeur "parent" qui a un height: 100%; et ça dépasse
Je veux pas faire un overflow hidden pour cacher le dépassement.
Pas de taille fixe en PX aussi car le "cadreleft risque de bougé car au final il y aura plusieurs cadres en auto...
Je veux juste que le "cadreleft" s'arrête tout en bas du cadre "parent".

J'ai fais un zip avec le fichier css + la page xhtml: http://assembler.free.fr/css.zip

Sinon un morceau du code:

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
div#parent {
 width: 900px;
 height: 520px;
 margin: 1em auto;
 margin-top: 20px;
 text-align: left;
 border: 2px solid #333;
 color: #333;
 background-color: #fff;
}
div#cadreleft {
 height: 100%;
 width: auto;
 padding: 5px;
 border: 1px solid #333;
 float: left;
}

Code :

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

<div id="parent"><div id="cadreleft">cadreleft</div></div>

Merci d'avance!

[Bisûnûrs]

Le dépassement correspond à la somme des padding et des border dans ton div enfant. En effet, ils viennent s'ajouter à la hauteur, et non pas se soustraire.

[okkix]

J'ai testé et c'est bien ça ! Merci beaucoup