Centrar verticalmente imágenes de diferente tamaños

[pedrojo]

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!!!

[tempto]

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:

.contenedor {
    width:195px;
    height:314px;
    background-color:#57B77D;
    padding-left:10px\9; /*Hack para IE*/
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
 

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

[pedrojo]

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

[tempto]

estamos para ayudar