Discussion :

[Bruno@Home]

bonjour,
je vous montre un bout de code:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div class="conteneur">
  <div style="float: right; height: 100%">
     bla bla
  </div>
  bla bla
</div>
<div class="conteneur">  
  bla bla
</div>

mon problème c'est que le 2ème div ne veut pas prendre les 100% de conteneur en hauteur (s'il est plus petit, il reste plus petit et s'il est plus grand, du coup le 2eme conteneur passe par dessus)

je suis un peu perdu là.

Bruno.

[E.Bzz]

Bonjour,

Code :

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

style="margin:0px;padding:0px;"

A+

[Bruno@Home]

merci mais je mets ça où et c'est censé faire quoi ? Dans les tests que j'ai fait, ça ne change rien...

Bruno.

[E.Bzz]

Dans les <div>
Mais ce n'était qu'une piste : tout dépend des class (donc styles) existantes, qu'il faudrait donner

[Bruno@Home]

en fait ma class conteneur n'a rien de spéciale :

Code :

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

1
2
3
4
5
6
 
.conteneur {
        font: 95% Arial, sans-serif; color:#333;
	padding: 0.2em;
	margin: 1em;	
}

Bruno.

[E.Bzz]

en fait ma class conteneur n'a rien de spéciale :

Si : un padding et un margin > 0.
Le 100% du parent ne doit pas pouvoir être atteint.

[Bruno@Home]

oui mais le problème est plus profond. C'est que si le div en question ne contient d'une ligne de texte alors sa hauteur fait une ligne de texte même si son parent en fait 20...

Bruno

[Candygirl]

Tu ne peux attribuer un height en % que si le height du parent est directement spécifié. Dans le cas contraire c'est la valeur auto qui sera appliquée, ce qui se passe dans ton cas puisque le parent n'a pas de height défini.