Discussion :

[ptr83]

Bonjour

J'essaie d'aligner verticalement le contenu d'un panelGrid. Voici mon code :

Code :

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

1
2
3
4
<h:panelGrid id="panelGrid1" columns="2" cellspacing="0" >
	<rich:panel id="panel1"></rich:panel>
	<rich:panel id="panel2"></rich:panel>
</h:panelGrid>

Voici le résultat :



Donc le panel de gauche est plus grand que celui de droite. En conéquence, celui de droite se centre au milieu de la hauteur de celui de gauche. Hors ce n'est pas ce que je veux. J'aimerais que les deux panels commencent au même niveau. Comme ceci :



J'ai essayé avec ces deux styles css :

style="position:relative;top:0px;"
style="vertical-align:top;"

Sans succès.

Comment puis je faire? Merci.

[romaintaz]

Dans ta page JSF :

Code :

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

1
2
3
4
<h:panelGrid columns="2" columnClasses="grid2Columns">
    <rich:panel ...>...</rich:panel>
     <rich:panel ...>...</rich:panel>
 </h:panelGrid>

Dans ton code CSS :

Code :

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

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

[ptr83]

Merci.