Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Micilini Roll

Manter div no centro da pagina?

Recommended Posts

pessoal eu sei que pra manter uma div no centro da pagina usa-se o codigo

 

margin:0 auto;

+ definiçao do tamanho da div width

 

 

mais a div fica no centro mais ela fica sempre no topo mais centralizada,gostaria de saber como faço pra ela ficar no centro da pagina mesmo !

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caso não queira utilizar posicionamento absoluto, e o elemento em questão possa variar de tamanho (como um texto, ou uma imagem dinâmica), você pode estruturar algo mais ou menos assim:

#elementoExterno {
width: 500px;
height: 500px;
display: inline-block;
}
#elementoInterno {
width: 500px;
height: 500px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
<div id="elementoExterno">
  <div id="elementoInterno">
    seus elementos aqui
  </div>
</div>

A partir daí, tudo o que estiver dentro de #elementoInterno ficará centralizado, independente do tamanho, line-height, whatever...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.