Centrar imagen en productos destacados  

Hola,

Normalmente no es una tarea del todo sencilla centrar una imagen verticalmente dentro de una capa div, ya que dependiendo del navegador que se utilice para cargar la página, el resultado puede ser diferente.

Haciendo una búsqueda en Google podrás encontrar multitud de información:

https://www.google.es/webhp?hl=es&tab=ww#hl=es&gs_rn=18&gs_ri=psy-ab&cp=45&gs_id=3&xhr=t&q=centrar+imagen+verticalmente+dentro+de+un+div&es_nrs=true&pf=p&safe=off&output=search&sclient=psy-ab&oq=centrar+imagen+verticalmente+dentro+de+un+div&gs_l=&pbx=1&bav=on.2,or.r_qf.&bvm=bv.48340889,d.d2k&fp=b8396260db63e28c&biw=1956&bih=1135

Una opción que podría funcionar sería la que se comenta aquí:

http://diec123.blogspot.fr/2009/04/centrar-verticalmente-una-imagen-en-un.html

Consistiría en poner un espacio mediante html con el código   y luego agregar los estilos CSS que se indican. Para ello, además de tener que modificar los estilos CSS de la página tendrás que editar la plantilla que carga los productos.

Normalmente lo más cómodo sería que subieras las imágenes con unas dimensiones similares para todos los productos, de forma que rellenes con espacio en blanco o transparente la parte que falta.

Hola Pablo, asi parace que me funciona. seria correcto?

.imgdestacados {
height: 120px;
vertical-align: middle;
display: table-cell;
text-align: center;
width: 200px;
}

Saludos.

Hola Manolo

Si, es correcto, asegúrate de que se comporta de la misma manera en IE

Saludos.