Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Sign in to follow this  
TS91

Centrar DIV

Recommended Posts

TS91

Boas,

tenho estado a trabalhar num site, e preciso de saber como posso centrar a div para que fique no centro e topo do browser?

Cumpz

Share this post


Link to post
Share on other sites
sc0rpion

Presumo que queiras centrar a div ao meio da página e para tal defines as margens direita e esquerda como auto.

margin-right:auto;
margin-left:auto;

Agora para alinhares ao topo do browser depende da situação. Se tens só essa div ou não, se tens outros elementos. Porque normalmente a div já seria alinhada ao topo. Podes eventualmente ter que definir a margem do topo como 0. (margin-top:0)

Share this post


Link to post
Share on other sites
helt

Se a div tiver dimensões fixas, fazes assim :

(...)
margin: 0 auto 0 auto;
(,,,)

Deve chegar.

Basta fazer o "0 auto" 1x que assume =P


––––•(-• [ ђєlt ] •-)•––––

Share this post


Link to post
Share on other sites
helt

Bem... não vou testar pq já tenho a certeza q o assim é à muito tempo =\

Se tens[ margin: 0 auto 0 auto ] o css assume : topo=0, direita=auto, baixo=0, esquerda=auto

Se tens[ margin: 0 auto ] o css assume : topo e baixo=0, direita e esquerda=auto


––––•(-• [ ђєlt ] •-)•––––

Share this post


Link to post
Share on other sites
Caya

Uma alternativa ao "0 auto" é o left de 50% e o margin-left o negativo da metade do tamanho do width. Por exemplo:

div {
position: absolute;
width: 800px;
margin-left: -400px;
left: 50%;
}

Share this post


Link to post
Share on other sites
sergio3861

Sim, mas esta última alternativa já deixei de usar. Usa position absolute pelo que não torna o design líquido, apenas posicional.

Abraço


Na Web nada se cria tudo se copia... Mas muito ainda podemos inovar...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.