[Resolvido] Centralização Horizontal e Scrollbar

[Rafael D 0]

Ae pessoal,

 

Estou aqui com uma dúvida que deve ser fácil, mas não sei resolver =P

 

Tenho um site com uma div que centraliza todo o meu conteúdo.

 

div#containter{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
	overflow: hidden; /* Forçando tamanho da div a acompanhar o tamanho das divs internas */	
}

Funciona perfeitamente em todos os navegadores, o problema é que em certas partes do site o meu conteúdo geral scrollbar e em outras não.

 

Quando gera scrollbar, o alinhamento continua centralizado, mas se observar bem o conteúdo "desloca" em relação ao que não tem scrollbar, aparantemente porque os navegadores não consideram o scrollbar como parte da página e o margin automático é calculado de forma diferente.

 

Bom até aqui eu (acho que) identifiquei o problema, mas como resolver? Quero a div sempre centralizada mas que ela apareça exatamente na mesma posição com ou sem o scrollbar. Alguém pode dar uma ajuda?

 

Agradeço desde já.

[Evandro Oliveira 331]

A única alternativa aceitável que vejo é fazer a scrollbar aparecer DENTRO da <div> que se centraliza.

[Rafael D 0]

Olá,

 

Obrigado pela resposta.

 

Sem dúvida é uma opção viável, mas temendo que o layout ficasse um pouco feio por causa disso dei uma procurada a mais. Depois de muito Google, consegui achar esta alternativa:

 

html{
	overflow-y: scroll; 
}

Isto faz com que o scroll apareça sempre, mesmo quando o conteúdo não ocupar a página toda.

 

Testei nas últimas versões do Firefox, Chrome, Opera, Safari e IE e funcionou.

 

Se souberem de uma situação que isto não funciona, deixa um aviso aqui. =P

 

Valeu pela atenção.