<rich:panel> centralizado

Front-end
#1

boa tarde galera!

Tenho uma pagina em xhtml, lembrando que são usados os templates do seam, e preciso que
o meu rich:panel fique centralizado não importando a resolução da maquina.
Já tentei com CSS, JavaScript, e ainda não cheguei a uma solução limpa.

Se alguém tiver alguma ideia é puder ajudar, agradeço.

Até mais.

#2

Tente assim

<center>
   <rich:panel>
   </rich:panel>
</center>
#3

vou tentar com essa tag, mas esqueci de dizer que preciso centralizar verticalmente e horizontalmente.

#4

Já usei isso com CSS.
http://aprendacss.wordpress.com/2008/06/28/centralizar-layout-na-horizontal-e-na-vertical/

#5

então eu esbarrei nesse códigos ai, mas ainda não consegui colocar isso no rich:panel

#6

Criei uma DIV e chamei de painel. Ficou no centro.
Usei a mesma lógica daquele link.
Vê se consegue adaptar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html charset=ISO-8859-1" http-equiv="Content-Type"/>
<title>Layout de Duas Colunas by aprendacss.wordpress.com</title>
<style type="text/css">
#tudo {
  width: 788px;
  height: 600px;
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -300px;
  margin-left: -394px;

}
#topo {
  height: 150px;
  background-color: #006400;
}
#menu {
  float: left;
  width: 178px;
  height: 400px;
  background-color: #0000FF;
}
#conteudo {
  float: right;
  width: 600px;
  height: 400px;
  background-color: #FF0000;
}

#painel {
  width: 70px;
  height: 70px;
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -35px;
  margin-left: -35px;
  background-color: #fefeef;
}

#rodape {
  clear: both;
  height: 40px;
background-color: #FFFF00;
}
</style>
</head>
<body>
  <div id="tudo">
    <div id="painel"></div>
    <div id="topo"></div>
    <div id="menu"></div>
    <div id="conteudo"></div>
    <div id="rodape"></div>
  </div>
</body>
</html>
#7