Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/06/2012, 15:20
Avatar de shujidan
shujidan
 
Fecha de Ingreso: abril-2011
Mensajes: 121
Antigüedad: 13 años, 7 meses
Puntos: 5
Como centrar verticalmente en un div position absolute

Hola saludos a todos, espero que me puedan ayudar con esta duda probablemente ya los diseñadores han tenido este problema antes puesto que es el que generan los programas para diseño web, me refiero a los divs con posicion absoluta.
El problema es centrar verticalmente el texto dentro de un div (el mismo espacio arriba y abajo), alguien sabe como se hace?

Código HTML:
Ver original
  1. <div align="center"
  2.        style="background-image:url(images/webtemplate1_08.jpg);
  3.        position:absolute; left:126px; top:67px; width:143px; height:37px;">
  4.     textodentrodeldiv
  5. </div>

He encontrado una forma aunque es muy cansado estar envolviendo todo el texto en un span
<span class="">textodentrodeldiv</span>
y agregarle las propiedades display: table-cell;vertical-align: middle ademas que para cada div debo agregar tambien display:table
Tengo cientos de divs es totalmente impractico estar haciendo esto para cada uno, espero que alguien sepa de un atributo en el div que me pueda ayudar :) y si hay alguna opcion que modifique el div con el dreamweaver pues mejor. Muchas gracias por su tiempo y espero que alguien me pueda ayudar.

Última edición por shujidan; 04/06/2012 a las 20:09