Alinhamento centralizado

[Renato Matos]

Galera, seguinte.. o site www.cresersp.org.br, possui um css q alinha o site sempre no centro, tanto vertical, como horizontal... mas estou com um problema no alinhamento horizontal, pois se você redimensiona o browser ele come a parte de cima, pois está definido pra ficar sempre no centro.

Eu queria que ele ficasse sempre no centro, desde que o tamanho do browser respeitasse as dimensoes do site, caso contrario, ele ficaria alinhado do topo pra baixo

Deu pra entender?

Segue abaixo o cod q eu utilizo para o alinhamento:

.alinha {

position:absolute;

width:810px;

height:610px;

left:50%;

top: 50%;

margin:-306px 0 0 -400px;

}

vlw abracooo

[vini_loock]

Eu sempre uso esse para alinhar no centro:

#div_geral{
width: 800px;
position: absolute;
left: 50%;
margin: 0 0 0 -400px;
}

Se você for mudar o width, você tem que mudar a margin: 0 0 0 -400px;, porque esse -400 corresponde a metade do width.

então se colocar width: 1000px; coloque margin: 0 0 0 500px;

Abraço

[Diego Vieira]

eu centralizo usando assim

#div-qualquer {

margin: 0 auto

width:500px;

}

eu centralizo assim.

[Renato Matos]

Vini, primeiro valeu pela resposta...

Mas dessa forma, ele vai ficar sempre no topo... e eu queria que ele ficasse no topo apenas quando a dimensao do browser fosse menor que a do site, tipo 800x600... Se fosse uma resolucao de 1280x1024, queria que ele ficasse no centro (em y).

Tendeu?

[*FIT*]

Já viu o comando screen.width e screen.height???

<script language="JavaScript">
if (screen.width > 800 || screen.height > 600)
{
    /* condição caso seja */
}
else
{
   /* condição caso não seja */
}
</script>

[_Vinny_]

@Renato Matos

Coloca um margin-top: XXpx para variar a distancia do topo, substitua o XX pelo numero desejado.