:: Posicionar um objeto ou página no centro da tela

Use a seguinte regra:

{
position:absolute;
left:50%;
top:50%; 
}

Feito isso, visualize a página, você irá ver que o objeto vai ficar no canto da tela; e assim mesmo.

> Agora vamo centralizar o objeto;

Acrescente esse código abaixo junto ao primeiro:

margin-left:-110px;
margin-top:-40px;

Assim que vai fica o código completo:

{
position:absolute;
left:50%;
top:50%; 
margin-left:-110px;
margin-top:-40px; 
}

 * Lembrando que o valor do "margin-left" e "margin-top" podem variar pois depende do tamanho do objeto que vai ser centralizado.

E isso ai!
Dúvidas? e so perguntar...

Posted in: CSS - tableless