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

Anúncios

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 )

Imagem do Twitter

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

Foto do Facebook

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

Foto do Google+

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

Conectando a %s