Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

TS91

Centrar DIV

Mensagens Recomendadas

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)

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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 ] •-)•––––

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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 ] •-)•––––

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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%;
}

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros 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...

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.