Foros del Web » Creando para Internet » CSS »

Centrar verticalmente imágenes de diferente tamaños

Estas en el tema de Centrar verticalmente imágenes de diferente tamaños en el foro de CSS en Foros del Web. Hola, he estado buscando soluciones a este problema pero no se adaptan a lo que busco. Mi idea es que tengo una colección de imágenes ...
  #1 (permalink)  
Antiguo 12/04/2010, 02:29
 
Fecha de Ingreso: enero-2007
Mensajes: 55
Antigüedad: 10 años, 10 meses
Puntos: 1
Centrar verticalmente imágenes de diferente tamaños

Hola, he estado buscando soluciones a este problema pero no se adaptan a lo que busco. Mi idea es que tengo una colección de imágenes (de tamaño variado tanto verticalmente como horizontalmente) y lo que quiero es centrar verticalmente cada imágen a partir de una altura máxima utilizando DIVs. Es decir, tengo una lista de imágenes que como mucho pueden tener un tamaño de 47px, pero puede haber que sean más pequeñas por lo que hay que centrarlas verticalmente en el espacio.

He encontrado mil soluciones para ello pero todas fijan el tamaño de los márgenes o ponene todas la imágenes con el mismo tamaño, y lo que yo quiero es que sea dinámico ya que hay muchas imágenes y todas de distinta altura. He utilizado vertical-align:middle pero creo que no me funciona, alguna idea? Muchas gracias!!!
  #2 (permalink)  
Antiguo 12/04/2010, 11:21
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Centrar verticalmente imágenes de diferente tamaños

Yo tuve exactamente el mismo problema, hace como dos/tres semanas, y lo resolví preguntando aquí en el foro, ésta fue la solución:

Código CSS:
Ver original
  1. .contenedor {
  2.     width:195px;
  3.     height:314px;
  4.     background-color:#57B77D;
  5.     padding-left:10px\9; /*Hack para IE*/
  6.     display:table-cell;
  7.     text-align:center;
  8.     vertical-align:middle;
  9. }

Aunque, cómo no, en IE no centraba la imagen horizontalmente y no podía usar margin:auto, así que le puse un hack, añadiendo \9 a una propiedad, hace que sólo IE sea capaz de leerla.

Salu2
  #3 (permalink)  
Antiguo 12/04/2010, 11:43
 
Fecha de Ingreso: enero-2007
Mensajes: 55
Antigüedad: 10 años, 10 meses
Puntos: 1
Respuesta: Centrar verticalmente imágenes de diferente tamaños

Muchas gracias tempto, ya solucioné el problema y era practicamente igual al que me acabas de indicar así me ayudas a confirmar que estaba bien lo que hice

Lo del hack de IE no había caido, Muchas gracias! Un saludo
  #4 (permalink)  
Antiguo 13/04/2010, 05:21
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Centrar verticalmente imágenes de diferente tamaños

estamos para ayudar

Etiquetas: diferente, tamaños
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:08.