Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/08/2011, 13:11
laexpo
 
Fecha de Ingreso: mayo-2011
Mensajes: 22
Antigüedad: 6 años, 7 meses
Puntos: 1
Problema para centrar imágenes en una tabla

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,