Hola a tod@s,
estoy empezando a maquetar mis páginas con XHTML y CSS2 con el fin de no utilizar tablas. Hasta ahora me voy defendiendo, pero me encuentro con un "problema". Ese no es otro que el centrado vertical de las páginas, pues yo suelo utilizar diseños pensados para 800x600 y centrados en la página (tanto en hor como en vert) para cualquier resolución. Encontrar información de cómo centrar la página en horizontal es fácil, como por ejemplo, en
http://bluerobot.com/web/css/center2.html
pero encontrar información sobre cómo centrar en vertical no es fácil.
En el enlace que he puesto antes da pistas de cómo podría hacerse y basándome en esa información y en otras encontradas (lo siento pero ya no recuerdo dónde)
he conseguido centrar mi página con el siguiente estilo:
.contenedorPpal{
position:absolute;
width:750px;
height:430px;
top:50%;
left:50%;
margin-left:-375px;
margin-top:-215px;
}
Donde contenedorPpal es la capa que contiene al resto del contenido de la página.
La cuestión está en que no me gusta esta forma de hacerlo porque si reduzco el tamaño de la pantalla a un tamaño inferior al del diseño, entonces pierdo parte del contenido por culpa de los márgenes negativos, tanto en horizontal (por el lado izquierdo) como en vertical (por el lado superior).
Sin embargo, no encuentro otra forma de hacerlo y no sé si es porque no hay otra forma de hacerlo o porque yo no he sido capaz de encontrarla.
Así que os agradecería mucho a tod@s que me pudierais echar un cable...
