Genoma Web

Utilizando folhas de estilo CSS é possível centralizar uma DIV verticalmente e horizontalmente na tela, independente da resolução que está sendo usada. Segue o código e posteriormente a explicação.

#idCamada {
  background:#FF0000;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-150px;
  margin-left:-300px;
  width:600px;
  height:300px;
}

Com o código CSS acima é possível centralizar horizontalmente e verticalmente uma DIV. Basta criar a DIV <div id="idCamada">Conteúdo</div>.

A margem esquerda margin-left deve assumir o valor negativo da metade da largura width, ou seja, como width é 600, margin-left assume o valor -300. O mesmo se aplica à margem superior margin-top em relação à sua altura. Sendo a altura 300, margin-top assume o valor -150 (atente para o valor negativo).