Discussion :

[lerorodu51]

Bonjour ,
J'ai un probleme d'hauteur automatique aux niveaux de mes divs...J'aimerai que la hauteur du div1 s'agrandit/diminue selon le texte saisit dans div2_3...J'ai un peu de mal avec les divs imbriqués et leurs interactions.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="div1" style="width: 100%;   height: 350px !important;">
	<div id="div2" style="width: 100%; height: 100% !important; overflow: hidden;">
		<div id="div2_1" style="width: 100%; overflow: hidden; padding-bottom: 2px; height: 54px"></div>
		<div id="div2_2" style="width: 100%; height: 100% !important; overflow: hidden; position: relative;">
			<iframe style="width: 100%; height: 100%;"></iframe>
		</div>
		<div id="div2_3" style="width: 100%; height: 100% !important; overflow: hidden; position: absolute;">
			<textarea id="txt" style="margin: 2px; width: 100%; height: 100%;">Mon Texte ici</textarea>
		</div>
	</div>
</div>

[saymoneu]

Bonjour,

Déjà, essayez de commencer par enlever les valeurs fixes dans vos styles.
Div1 par exemple a une hauteur fixée à 350px (height: 350px !important) il est donc normal que celle-ci ne s'adapte pas à son contenu.

De base un élément conteneur prendra la taille adéquate pour contenir tous ses éléments enfants, sans que l'on ait à fixer ni hauteur ni largeur (sauf dans le cas ou celui-ci contiendrait des éléments flottants mais là je n'en vois pas).