Center div
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>page</title>
<meta charset="utf-8">
<style>
#page {
background-color: #069;
position:absolute;
width: 700px;
height: 400px;
left:50%;
top:50%;
margin-left:-350px;
margin-top:-200px;
}
</style>
</head>
<body>
<div id="page"> </div>
</body>
</html>
Página funcionado aqui.
O “pulo do gato”:
A div tem 700 pixels de largura, então temos que configurar para que seu centro seja no meio, e não na ponta superior esquerda.
Da mesma forma sua altura, de 400 pixels, tem que se ajustar o centro para a metade. Logo:”
margin-left:-350px; margin-top:-200px;
Linha 1, centro da largura.
Linha 2, centro da altura.