Pessoal tenho uma pagina JSP, com o framework JSF e gostaria de centralizar a minha página no centro do navegador, independente de resolução da tela.
Minha pagina tem a seguinte estrutura:
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<webuijsf:page binding="#{comercial.page1}" id="page1">
<webuijsf:html binding="#{comercial.html1}" id="html1">
<webuijsf:head binding="#{comercial.head1}" id="head1">
<webuijsf:link binding="#{comercial.link1}" id="link1" url="/resources/stylesheet.css"/>
</webuijsf:head>
<webuijsf:body binding="#{comercial.body1}" id="body1" style="-rave-layout: grid">
<webuijsf:form binding="#{comercial.form1}" id="form1">
<h:panelGrid binding="#{comercial.gpPai1}" cellpadding="0" cellspacing="0" id="gpPai1"
style="height: 656px; left: 0px; top: 0px; position: absolute" width="756">
<h:panelGrid binding="#{comercial.gpCabecalho1}" cellpadding="0" cellspacing="0" id="gpCabecalho1" style="height: 116px; width: 100%"/>
<h:panelGrid binding="#{comercial.gpCorpo1}" cellpadding="0" cellspacing="0" columns="2" id="gpCorpo1" style="height: 556px; width: 100%">
<h:panelGrid binding="#{comercial.gpLateral1}" cellpadding="0" cellspacing="0" id="gpLateral1"
style="height: 547px; vertical-align: top" width="184">
<h:panelGrid binding="#{comercial.gpMenu1}" cellpadding="0" cellspacing="0" id="gpMenu1" style="height: 311px; width: 100%"/>
<h:panelGrid binding="#{comercial.gpLayoutLateral1}" cellpadding="0" cellspacing="0" id="gpLayoutLateral1" style="height: 100%; width: 100%"/>
</h:panelGrid>
<h:panelGrid binding="#{comercial.gpCentro1}" cellpadding="0" cellspacing="0" id="gpCentro1" style="height: 553px" width="568"/>
</h:panelGrid>
<h:panelGrid binding="#{comercial.gpPesquisa1}" id="gpPesquisa1" style="height: 40px; width: 100%"/>
<h:panelGrid binding="#{comercial.gpRodape1}" id="gpRodape1" style="height: 36px; width: 100%"/>
</h:panelGrid>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</f:view>
</jsp:root>
Como faço para alinhar esta pagina no centro??