CSS/HTML

Centralizar DIV utilizando CSS – Horizontal e Vertical.

Para posicionar uma Div no centro do navegador, independente de resolução, basta utilizar o código abaixo:

* {
  margin:0;
  padding:0
}
#conteudo {
  background-color:#ff0000;
  height:490px;
  left:50%;
  margin:-245px 0 0 -380px;
  position:absolute;
  top:50%;
  width:760px
}

O arquivo html:

<body>
  <div id="conteudo">
    Conteudo...
  </div>
</body>

Obs: O atributo margin, recebeu os valores de height e width / 2, portando o posicionamento no navegador, será relativo ao tamanho em px que atribuir para estes campos

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s