[Resolvido] centralizando div wrapper (HTML+CSS)

[Thigu 0]

Fala ae galera,

 

Estou fazendo um site aqui para a faculdade, e estou tendo uma tremenda dificuldade centralizando de forma liquida um div (wrapper) onde todo o conteudo do site esta.

O link eh esse: www.comm3510.com/u0694103

 

Meu CSS esta assim:

 

body {

background-color:#333;

background-image:url(../images/texture.gif);

background-repeat:repeat-x;

background-position:center;

background-repeat:repeat;

font-family:Georgia, "Times New Roman", Times, serif;

text-align:center;

 

}

 

 

#wrapper {

display:block;

background-image:url(../images/wrapperFull.jpg);

background-repeat:no-repeat;

height:887px;

width:1160px;

margin-left:auto;

margin-right:auto;

position:absolute;

top:0px;

}

 

E o wrapper se recusa centralizar. Ja tentei colocar margin-left:10% margin-right:10% e nada tambem. Interessante ver que o footer (que eh num div separado) esta centralizado bonitinho pelo metodo margin-left:10%, margin-right:10%.

 

E ae como faz?

 

Abraco galera

[Thiago Retondar 18]

Thigu,

 

seja bem vindo a fórum. ;)

 

Primeira coisa: valide o HTML » HTML Validator

 

Deixe sua div#wrapper assim:

 

#wrapper {
   background: url(../images/wrapperFull.jpg) no-repeat;
   height:887px;
   width:1160px;
   margin: 0 auto;
}

Se for necessário usar o position, há um outro jeito que posicioná-lo.

 

Cuida que no body, você declarou dois background-repeat, então apenas o último vai ser válido.

 

:thumbsup:

[Thigu 0]

Fala Thiago,

 

Deu certo agora, tudo funcionando perfeitamente.

Já validei também e corrigi os erros.

 

Muito obrigado pela ajuda.

 

Abraço