[Resolvido] centralizar DIV

[wolfphw 60]

Bem.. estou tentando centralizar minha DIV tanto na horizontal quanto na vertical....

 

Achei uns exemplos mas pra mim acabou não dando certo, por parece que eh para resoluções altas...

 

um exemplo que eu peguei foi esse:

<style type="text/css">
#site {
	width: 900px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -310px;
	margin-left: -420px;
	}
</style>

<div id="site"><img src="imagem.jpg"></div>

 

 

quando eu diminuo a tela ele perde a centralização....

 

Alguem sabe como me ajudar?

[William Bruno 1501]

Faz isso aqui pra você entender:

#site {
	width: 300px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* metade do height */
	margin-left: -150px; /* metade do width */
	background-color: #f0f;
}

[wolfphw 60]

vlw ae.. agora consegui entender :D

 

que nenhum exemplo que eu etsava vendo tinha isso explicando /* metade do height */

 

 

Soh isso jah matou tuda minha dúvida :D