Discussion :

[wajdopovitch]

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 :

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

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 ???

[romaintaz]

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 :

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

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 :

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

1
2
3
.panneauxEnHaut {
    vertical-align: top;
}

[wajdopovitch]

merci romaintaz c la bonne solution

[romaintaz]

Ca tombe bien, il y a un bouton