Ver Mensaje Individual
  #21 (permalink)  
Antiguo 09/01/2006, 12:26
Avatar de KarQ
KarQ
 
Fecha de Ingreso: septiembre-2005
Mensajes: 88
Antigüedad: 18 años, 7 meses
Puntos: 1
Primero y principal: usar tablas para maquetar está mal ya que las tablas se deben de usar para hacer tablas y no para maquetar. Si quereis centrar verticalmente probad esto.

1 - metemos todo el contenido dentro de un elemento de bloque ya sea un DIV o un P o lo que nos interese en este momento (tb serviría un table). Yo recomiendo meter lo que se quiera centrar en un DIV, dará menos problemas.

2 - este DIV tiene que tener un height fijo ya que sino el centrado vertical será imposible.

3 - Por último le aplicamos una ID o una CLASS por ejemplo "valign" y le asociamos el siguiente estilo.

Código:
div.valign {
height: 500px; /*esto será según vuestras necesidades*/
width: 100%; /*esto no debería ser necesario*/
position: absolute;
top: 50%;
margin-top: -250px; /*muy importante, aquí usaremos la mitad del height pero en negativo*/
}
Con esto debería funcionar. Lo usé por ejemplo en la web de www.prolesa.es y aunque se redimensione el navegador la capa seguirá centrada. Espero que os sirva. Un saludo!
__________________
KarQ - xC
mi weblog en: http://www.monochromatic.es

Última edición por KarQ; 09/01/2006 a las 12:33