2 Replies Latest reply on Jul 6, 2007 3:52 PM by Joao Mello

    How to have a panelGrid with valign top and align center

    Joao Mello Newbie

      Why this does not work?

      Thanks,


      <%@page contentType="text/html"%>
      <%@page pageEncoding="UTF-8"%>

      <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
      <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">



      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      JSP Page


      body {
      font-family: sans-serif;
      }
      style1 {
      vertical-align:top;



      <f:view>
      <h:panelGrid columns="1" cellpadding="0" cellspacing="0" styleClass="style1" width="600px">
      <h:panelGrid columns="2" cellpadding="0" cellspacing="0" styleClass="style1">
      <h:panelGrid columns="1" cellpadding="0" cellspacing="0" styleClass="vertical-align:top;">
      <h:outputLabel value="Top Panel"/>
      </h:panelGrid>
      <h:panelGrid columns="1" cellpadding="0" cellspacing="0" styleClass="style1">
      <h:outputLabel value="Top Right"/>
      <h:outputLabel value="Top Right"/>
      <h:outputLabel value="Top Right"/>
      </h:panelGrid>
      </h:panelGrid>
      </h:panelGrid>
      </f:view>