0 Replies Latest reply on Oct 23, 2009 9:13 AM by valerio de minico

    Firefox rendering problem

    valerio de minico Newbie

      Hi,
      i have this xhtml code:

      <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
       xmlns:s="http://jboss.com/products/seam/taglib"
       xmlns:ui="http://java.sun.com/jsf/facelets"
       xmlns:f="http://java.sun.com/jsf/core"
       xmlns:h="http://java.sun.com/jsf/html"
       xmlns:rich="http://richfaces.org/rich"
       xmlns:a4j="http://richfaces.org/a4j"
       template="layout/template.xhtml">
      
      <ui:define name="body">
      
       <h:messages globalOnly="true" styleClass="message"/>
      
       <h:form id="registrationForm">
      
       <rich:panel id="datiStrutturaPanel" >
       <f:facet name="header">Dati Struttura</f:facet>
      
       <s:decorate id="nomeDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="nomeTextbox">Nome struttura:</h:outputLabel>
       </ui:define>
       <h:inputText id="nomeTextbox" required="true" value="#{attivita.nome}"/>
       </s:decorate>
      
       <s:decorate id="categoriaDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="categoriaSelect">Categoria:</h:outputLabel>
       </ui:define>
       <h:selectOneMenu id="categoriaSelect" value="#{attivita.categoria}" required="true">
       <f:selectItem id="bb" itemValue="Bed and Breakfast"/>
       <f:selectItem id="affitt" itemValue="Affittacamere"/>
       <f:selectItem id="ostello" itemValue="Ostello"/>
       </h:selectOneMenu>
       </s:decorate>
      
       <s:decorate id="telefonoDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="telefonoTextbox">Telefono:</h:outputLabel>
       </ui:define>
       <h:inputText id="telefonoTextbox" required="true" value="#{attivita.telefono}"/>
       </s:decorate>
      
       <s:decorate id="emailDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="emailTextbox">E-mail:</h:outputLabel>
       </ui:define>
       <h:inputText id="emailTextbox" required="false" value="#{attivita.email}"/>
       </s:decorate>
      
       <s:decorate id="descrizioneDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="descrizioneTextbox">Descrizione:</h:outputLabel>
       </ui:define>
       <h:inputTextarea id="descrizioneTextbox" rows="5" cols="50" required="false" value="#{attivita.descrizione}"/>
       </s:decorate>
      
       <!--
       </rich:panel>
       <br/><br/>
       <rich:panel id="datiLocalitaPanel">
       -->
       <f:facet name="header">Selezione Localita'</f:facet>
      
       <s:decorate id="regioneSelectDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="regioneSelect">Regione:</h:outputLabel>
       </ui:define>
       <h:selectOneMenu id="regioneSelect" value="#{regioneAction.selectedRegione}" required="true">
       <s:selectItems value="#{regioneAction.regioni}" var="reg" label="#{reg.nome}" />
       <a4j:support event="onchange" action="#{regioneAction.selectRegione}" reRender="provinciaSelect,comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
       <s:convertEntity/>
       </h:selectOneMenu>
      
       </s:decorate>
      
       <s:decorate id="provinciaSelectDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="provinciaSelect">Provincia:</h:outputLabel>
       </ui:define>
       <h:selectOneMenu id="provinciaSelect" value="#{regioneAction.selectedProvincia}" required="true">
       <s:selectItems value="#{regioneAction.provincie}" var="prov" label="#{prov.nome}"/>
       <a4j:support event="onchange" action="#{regioneAction.selectProvincia}" reRender="comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
       <s:convertEntity />
       </h:selectOneMenu>
       </s:decorate>
      
       <s:decorate id="comuneSelectDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="comuneSelect">Comune:</h:outputLabel>
       </ui:define>
       <h:selectOneMenu id="comuneSelect" value="#{attivita.comune}" required="true">
       <s:selectItems value="#{regioneAction.comuni}" var="com" label="#{com.nome}"/>
       <a4j:support event="onchange" actionListener="#{regioneAction.selectComune}" reRender="comuneSelect" bypassUpdates="false" ajaxSingle="true"/>
       <s:convertEntity />
       </h:selectOneMenu>
       </s:decorate>
      
       <s:decorate id="LocalitaDecoration" template="layout/edit.xhtml">
       <ui:define name="label">Localita'</ui:define>
       <h:inputText id="localitaTextbox" value="#{attivita.localita}" converter="#{localitaConverter}"/>
       <rich:suggestionbox id="suggestionBoxLocalita" for="localitaTextbox"
       var="loc"
       fetchValue="#{loc.nome}"
       suggestionAction="#{regioneAction.selectLocalitaDinamically}"
       minChars="2"
       value="#{attivita.localita}">
       <h:column>
       <h:outputText value="#{loc.nome}" />
       </h:column>
       </rich:suggestionbox>
       </s:decorate>
      
       <s:decorate id="indirizzoDecoration" template="layout/edit.xhtml">
       <ui:define name="label">
       <h:outputLabel for="indirizzoTextbox">Indirizzo:</h:outputLabel>
       </ui:define>
       <h:inputText id="indirizzoTextbox" required="true" value="#{attivita.indirizzo}"/>
       </s:decorate>
      
      
       <div style="clear:both"/>
      
       </rich:panel>
      
      
       <div class="actionButtons">
       <h:commandButton id="registration" value="registration"
       action="#{attivitaAction.doRegistration(attivita)}"/>
       </div>
      
       </h:form>
      
      </ui:define>
      
      </ui:composition>
      
      


      where the edit.xhtml template is the seamgen default one.
      When I launch this page with Firefox 3.5.3, the <h:outputLabels> labels are not aligned with the corresponding component tag. Instead it works fine with IE and Chrome.

      I'm using JBoss Seam 2.0.3.

      what about this problem???

      Thanks,
      Valerio.