Jump to content


Photo

Alinhamento Vertical Em Divs


  • Faça o login para participar
1 reply to this topic

#1 -SORRISO-

-SORRISO-

    Moderador Sumido

  • Usuários
  • 354 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP

Posted 22/07/2009, 00:05

somente um pequeno problema que não consigo sanar de jeito nenhum.

suponho que em alguma parte da minha página eu tenho uma div dentro da outra. por css eu especifico as dimensões de cada uma
digamos que
.div1 --- width=200px height=200px
.div2 --- width=50px height = 50px

e no documento eu ponho

<div class="div1">
  <div class="div2">
  </div>
 </div>

o que eu queria fazer é centralizar a div 2 no meio da div 1, tato horizontalmente quanto verticalmente. já tentei de absolutamente tudo, realmente não consigo centralizar.
não vale usar posição relativa =] pq a div 1 no caso terá um tamanho variável e eu queria que a 2 ficasse no meio independentemente do tamanho da 1.

minha segunda duvida também com divs =]
de novo, supondo a página limpinha só com uma div,e quero que ela se estique do topo do site até o fim, pra que se ajuste quendo alguem abrir o site tanto em 1024x768 ou 1280x1024 (ou qualquer otura resolução)


gracias ^^



#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 22/07/2009, 00:26

no caso de a div2 ter tamanho fixo, você tem que colocar position: relative na div1, e na div2 você coloca, position: absolute, top: 50%; left: 50%; margin-left: -(metade_da_largura)px; margin-top: -(meta_da_altura)px;

para deixa a div1 com height: 100%; fora declarar que ela tem altura 100%, você tem que add a seguinte declaração:

html,body{ padding: 0; margin: 0; height: 100%; }

Abraço

Edição feita por: Édipo Costa Rebouças, 22/07/2009, 00:26.





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq