Ir para conteúdo

POWERED BY:

Arquivado

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

Iso0406

[Resolvido] Centralizar o site, não consigo !

Por , em Desenvolvimento frontend

Recommended Posts

Iso0406    1

Iso0406
Postado

Boa tarde !!

 

Eu sei que deve ter vários tópicos que vão falar disto, eu dei uma olhada em todos e não consegui centralizar o meu site !!

 

Por favor me ajudem, Já dei uma olhada no "Maujour, Tableless e outro e não consigo centralizar.

 

Se puderem me ajudar !!!

 

Abraços !!

 

Código CSS teste.

<style type="text/css" media="all">
body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #f4f4f4;
}

#tudo{
position: absolute;
top: 0;
left: 0;
text-align: center;
}

#caixa {
position: relative;
top: 20px;
left: 0;
background-color: #006633;
width: 900px;
height: 200px;
text-align: center;
}

</style>
Código HTML !!!!

<body>

<div id="tudo">

  <div id="caixa"></div>

</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

entao Iso0406, sempre que você quiser centralizar uma div use a propriedade auto para as margens esquerda e direita!

 

por exemplo nessa div:

#caixa {
margin-right:auto;
margin-left:auto;
background-color: #006633;
width: 900px;
height: 200px;
text-align: center;
}
e não precisa usar posicionamento absoluto, use as margens apenas!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Iso0406    1

Iso0406
Postado

ok !!!

 

Carlos,

 

Não funcionou !!!

 

o código que eu usei !!

#caixa {
position: relative;
top: 20px;
left: 0;
margin-left: auto;
margin-right: auto;
background-color: #006633;
width: 900px;
height: 200px;
text-align: center;
}
Abraços :::

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fall    0

Fall
Postado

mas pelo q entendi a tua div pai eh a tudo certo?

 

entao nela nao precisa positions

 

escreva apenas

 

width:......

margin:0 auto;

 

 

mas se você ainda quiser usar um position nela você coloca o relative por ser a pai

 

e na div caixa q eh a filha do tudo la sim tu poe absolute pra ela nao entender q o relative eh o body

 

certo?

 

 

da um retorno

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

Tente colocar Text-align: center

 

só assim o IE funciona

Compartilhar este post

Link para o post
Compartilhar em outros sites

Aprendiz CSS    3

Aprendiz CSS
Postado

soh um detalhe text-align hehehe

 

abraços

ops!

corrigido!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito