Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/07/2005, 20:32
Avatar de KnowDemon
KnowDemon
 
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 19 años, 9 meses
Puntos: 2
Hola,

La regla vertical-align no realiza la acción que pareces esperar. Se aplica a elementos en línea y sirve para "ajustar" la linea base de un texto (o elemento) con respecto a los que lo rodean.

Para conseguir el efecto que deseas tal vez sea mejor colocar un padding inferior y superior al div, aunque esto puede acarrearte problemas si es realmente necesario que tenga un alto "fijo" (en pixeles), tal y como especificas en tu ejemplo.

Otra solución es encerrar tu texto en otro elemento en bloque (otro div) y asignarle algo como:

position: relative; top: 50%;

Eso alineará la parte superior de tu texto al centro. Si conoces la altura del div interno puedes utilizar un margen superior negativo de la mitad de este:

margin-top: -34px; /*Suponiendo que mide 68px de alto*/
__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."

Última edición por KnowDemon; 12/07/2005 a las 20:48