Ir para conteúdo

Arquivado

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

Bruno Conte

Div dentro de outra centralizada

Recommended Posts

Galera preciso fazer uma div dentro da outra:

 

<div id="test"><div id="test1"></div></div>

 

o problema que nao estou dando conta de centralizar ela na vertical e horizontal mais dentro da div.

 

fiz assim so que ele nao centraliza so dentro da div test:

 

 

 

  1. position:absolute;
  2. top:50%;
  3. left:50%;

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que é isso que você deseja.

O css:

html, body {    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
#fora {
  width: 100%;
  display: table-cell;
    text-align: center;
    vertical-align: middle;
  height:500px;  
    background:black;
}
#dentro {
   display: inline-block;
  vertical-align: middle;
  width: 300px;
  padding: 10px 15px;
  border: #a0a0a0 solid 1px;
  background: #f5f5f5;
  background:red;
}

HTML:

<div id="fora">
    <div id="dentro">
        teste
    </div>
</div>

Result:

 

_exemplo.png

Veja este exemplo no JSFiddle.

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.