[Resolvido] Problema com CSS

[Sky D. Wolfwood 0]

Eu estou tendo um problema com o CSS... eu centralizei minha div conteiner (codigo a seguir)... as margens do body estão definidas como 0px...

 

#tudo{
   width:984px;
   position:relative;
   padding:0px;
   left:50%;
   margin-left:-492px;
}

O grande problema é que quando passo para a resolução de 800x600 o site aparece cortado da metade pra frente e a barra de rolagem não chega ao começo da div...

 

Eu tentei alterar o position pra absolute mas não adiantou...

 

tem um print pra entender melhor meu problema

 

qq ajuda tah valendo...

 

Agradecido...

[Thiago Retondar 18]

Sim, pois você definiu uma largura maior que 800px.

 

Há necessidade de centralizar com position?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Sky D. Wolfwood 0]

tem necessidade pq se não desalinha o conteudo da div se eu centralizar com center

 

sim, coloquei uma largura maior q 800, só que pelo certo deveria aparecer uma barra de rolagem para movimentar pela pagina, mas se você olhar o print essa barra começa do meio da pagina...

[João Vitor Ramos Tonolli 0]

Substitua

#tudo{
   width:984px;
   position:relative;
   padding:0px;
   left:50%;
   margin-left:-492px;
}

Por :

#tudo{
   width:100%;
   padding:0px;
   left:50%;
   margin-left:-492px;
}

acredito que ficara melhor usar porcentagem, já que esta se importando com as possíveis barras de rolagem

esta é a única forma, que ai ele ira reconhecer o width, porque a cada troca de resolução terá um problema

[Thiago Retondar 18]

Faça assim:

 

#tudo{
	width:984px;
	position:relative;
	margin: 0 auto;
}

@João,

 

se fizer do jeito que postou estarão sendo perdidos 492px, além do que, ele não não quer em 100%. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Sky D. Wolfwood 0]

valeu Thiago Retondar...

 

problema resolvido...