JSF + PrimeFaces

Virtual Machine Man Membro desde: 16/09/2007 08:31:00 Mensagens: 657 Offline

Ola Pessoal, estou criando uma tela uso JSF + a framework de componentes web Primefaces, e encontrei um problema que minhas telas na resolução 1024x1280 ficam boas mas em computadores que ainda usam 800x600 ficava uma droga, desalinha tudo, o sistema que fiz ja exijo que rodem no firefox então não me importo com o I.E, mas queria uma força pra saber como posso alinhar este panel no centro da pagina, cheguei a colocar tudo dentro de um div embora resolvesse o problema da resolução pois os componentes passaram a não se desalinhar mais, mas não resolveu do panel fica no centro da tela, ele fica sempre ao lado esquerdo, ja tentei CSS entre varias outras configurações ma snão tive sucesso ai abaixo posto o código se alguem puder me ajudar ficarei grato, abraços.

<h:form>
 <div style="width: 800px" align="center">
 <p:layout fullPage="true">
 <p:layoutUnit id="menu" position="right" width="500" resizable="false" collapsible="true"/>//se troco o valor position="right" para center o painel some da tela
 <p:layoutUnit id="content" position="center" scrollable="null">
 <p:panel header="Cadastro de Fornecedores" footer="Infobusiness LTDA.">
 Razão Social: <h:inputText size="50" maxlength="50" style="margin-left: 24px" ></h:inputText> 
 Nome Fantasia: <h:inputText size="25" maxlength="25" style="margin: 10px"></h:inputText> 
 Observação: <h:inputText size="60" maxlength="70" style="margin-left: 29px"></h:inputText> 
 Situação: <h:inputText size="10" maxlength="10" style="margin-left: 50px"></h:inputText>
 Contabil: <h:inputText size="10" maxlength="10" style="margin-left: 52px"></h:inputText><h:inputText size="40" maxlength="40" style="margin-left: 1.0em"></h:inputText>
 <p:messages id="messages"/>
 <h:outputLink id="dynamicPosition" value="javascript:void(0)" onclick="dynaMenu.show()" style="color: black ">Cadastro</h:outputLink>
 <p:menu widgetVar="dynaMenu" position="dynamic" context="'form:dynamicPosition','tl','br'" >
 <p:submenu label="cadastrar forcencedores">
 <p:menuitem value="Cadastro" actionListener="#{buttonBean.cadastrar}" update="messages" icon="/images/save.png"/>
 <p:menuitem value="Salvar" actionListener="#{buttonBean.save}" update="messages" icon="/images/save.png"/>
 <p:menuitem value="Atualzar" actionListener="#{buttonBean.update}" update="messages" icon="/images/update.png"/>
 </p:submenu>

<p:submenu label="excluir">
 <p:menuitem value="Delete" actionListener="#{buttonBean.delete}" update="messages" ajax="false" icon="/images/delete.png"/>
 </p:submenu>

<p:submenu label="outras páginas">
 <p:menuitem value="Inicio" url="http://www.primefaces.org" icon="/images/home.png"/>
 <p:menuitem value="Arquivos" url="#{request.contextPath}/touch" icon="/images/mobile.png"/>
 </p:submenu>

</p:menu>
 </p:panel>
 </p:layoutUnit>
 </p:layout>
 </div>
 </h:form>

JavaChild Membro desde: 16/07/2007 20:35:11 Mensagens: 104 Offline

cara, tenta forçar isso por um js, as vezes mais facil do que você ficar procurando erro no seu código...

outra que pra desenvolver firefox é sempre uma maravilha, mas é no ie que o bixo pega... e se vc acerta o layout no ie, não tem problema em navegador nenhum...

olha também através do firebug como que tá sendo impresso o html da sua pagina e ve se tem algo errado...

Notícias, artigos e o maior fórum brasileiro sobre Java