Positionnement de plusieurs Paneaux dans un autre

Bonjour,
Dans ma mage web j'ai deux panneau qui sont les deux contenu dans un autre panneau principale.
Le problème c'est que ces deux panneaux n'ont pas le même hauteur , alors la position du premier panneau est proportionnelle au deuxième . j'explique : le deuxième panneau est dynamique , quand j'ajoute des éléments(des champs , des composants) a ce panneau(le height augmente ) le premier panneau ce déplace un peu plus en bas.
la solution de fixé les position des deux panneaux (position:absolute) ne me convient pas car j'ai une boutton qui permet de cacher le premier et de le faire apparaître .

Code:

---

1 2 3 4 5 6

<h:panelGrid columns="2" id="panelGeneral" style="left: 5px; top: 35px; position: absolute"> <h:panelGrid columns="1" id="panneau1">.... </h:panelGrid > <h:panelGroup id="panelGroupe1" .... </h:panelGroup>

---

le "panneau1" ce déplace quand je modifie le contenu du "panelGroupe1"
il y a sûrement une solution ??? :cry:

Ce que tu peux faire, c'est de mettre les 2 panneaux internes en position haute. C'est à dire que si le 1er panneau augmente en taille, alors le 2e panneau restera toujours en haut (il sera fixe en quelque sorte).
Pour ce faire :

Code:

---

1 2 3 4

<h:panelGrid columns="2" columnClasses="panneauxEnHaut"> <h:panelGrid>...</h:panelGrid> <h:panelGrid>...</h:panelGrid> </h:panelGrid>

---

Et la classe CSS panneauxEnHaut:

Code:

---

1 2 3

.panneauxEnHaut { vertical-align: top; }

---

merci romaintaz c la bonne solution :ccool:

Ca tombe bien, il y a un bouton :resolu: ;)