Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/02/2007, 13:32
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Re: Situar la web en el centro de la ventana del navegador

Esto sirve para cualquier resolución de pantalla y cualquier tamaño de ventana, porque la distancia no está hecha en base a pixels sino a porcentajes. Lo que que está en base a pixels son los márgenes negativos, que toman como referencia el tamaño de la caja, que tiene un tamaño en pixels.

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>solicion alternativa</title>
  <style type="text/css">
#contenido { position: absolute;
width: 400px;
height: 400px;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
background-color: rgb(204, 153, 51);
display: block;
}
  </style>
</head>
<body>
<div id="contenido"></div>
</body>
</html>
No obstante, creo que lo que "guigue" preguntaba era por centrado horizontal, que se resuelve (si no hay otras complicaciones), con un margin: 0 auto;

El auto no sirve para el centrado vertical.

Mikel.