Div centro da tela

[RafaCordL 0]

Bom, tenho uma div e quero coloca-la no centro, e ela está centralizada, porém está no topo da tela.

#login {
  background: white;
  width: 450px;
  height: 270px;
  border-radius: 7px;
  margin: auto; }

Como faço para acompanhar cada resolução de tela, no centro da mesma inteira?

[Lucas Santos Brito 12]

Rafa, tente trabalhar com porcentagem, desta forma:

#login {
  background: white;
  width: 450px;
  height: 270px;
  border-radius: 7px;
  margin: 50% auto; /* 50% Topo; Left, Right e Bottom setados como automático */
}

Ajuste de acordo com a sua necessidade.

Espero ter ajudado.

[wilnet 92]

Olá Rafa, blza!

 

Veja se ajuda:

 

http://www.tosempreai.com.br/como-centralizar-uma-div-na-tela-altura-e-largura-css/

 

 

Exemplo:

http://www.tosempreai.com.br/exemplos/css/centraliza.html

 

 

Espero ter ajudado,

 

vlw

[RafaCordL 0]

Ambas as soluções deram certo, mas a do William [/size] foi a que mais adequou ao desejado.

 

Obrigada rapazes.