Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/12/2010, 10:16
JUMASOL
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 19 años, 1 mes
Puntos: 8
Centrado problemático sin explicación

Lo cierto es que no entiendo este problema con el centrado.

He utilizado está técnica para centrar por los cuatro lados una página:

#contenedor {
POSITION: absolute;
MARGIN-TOP: -300px;
MARGIN-LEFT: -400px;
WIDTH: 800px;
HEIGHT: 600px;
TOP: 50%;
LEFT: 50%;
}

Donde #contenedor es el elemento que lo contiene todo en la web dentro del body.

Hoy me encuentro con una sorpresa.

Trabajo con un monitor de 17 pulgadas y hoy veo que si el área de visualización de la pantalla disminuye por inserción de barras de direcciones, etc. el procedimiento no funciona porque la parte superior de la web aparece comida hacia arriba, es decir, que en pantallas pequeñas (en este caso de menos de 600 píxeles de altura) una web aparece cortada por arriba.

Ejemplo:

En una pantalla de 400px de alto, que las hay, con estos datos

#contenedor {
POSITION: absolute;
MARGIN-TOP: -300px;
MARGIN-LEFT: -400px;
WIDTH: 800px;
HEIGHT: 600px;
TOP: 50%;
LEFT: 50%;
}

La web de 600px de alto no se muestra con un scroll, sino que aparece a partir del pixel 200, es decir, que no se ven los 200 píxeles superiores.

No encuentro la explicación ni por asomo.

¿Sabéis de qué se trata?

Gracias