Hola a todos, vengo teniendo recurrentemente un problema para centrar imágenes dentro de una tabla. Como las mismas vienen desde una base de datos, por ende no sé qué proporción tiene, entonces me veo obligado a utilizar
max-width y
max-height para ubicarlas en la tabla, a la cual le otorgo valores de centrado.
Todo va perfecto como lo muestro en la siguiente imagen, hasta que llegamos a Internet Explorer 7, que en aquellos casos DONDE LA IMAGEN ES APAISADA U HORIZONTAL la corre sin ningún criterio hacia la derecha.
El html va así,
Código HTML:
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align:middle; text-align:center"><a href="#" target="_blank" title="#"><img class="thumbnail" src="#" border="0" /></a>
</td>
</tr>
</table> y la imagen, como dije, tiene
max-width y
max-height...
¿Alguien sabe cómo lograr esto de forma simple sin que se "rompa" en IE7? Agradecería propuestas porque me está volviendo loco.
Saludos a todos,