max-width en IE

dvbeaumont · #1 (**permalink**) 11/07/2011, 17:26

Buenas,

El max-width me funciona en IE pero veanlo de esta forma...

Si la imagen mide 600px y el max-width:400px entonces recorta la imagen a 400px pero deja un espacio como si midiese 600px...

Cómo puedo solucionar esto?

Slds,

ZoroRoronoa · #2 (**permalink**) 11/07/2011, 17:51

depende a que elemento le pongas el max width, y que otros elementos tienes,si tienes divs padres por ejemplo, etc...

Deberias poner el codigo.

dvbeaumont · #3 (**permalink**) 11/07/2011, 17:57

Código HTML:

Ver original<table> 
<tr>
        <td align='center' style='vertical-align:top'><img src='img/fotono.php?id_novedad=".$row["id_novedad"]."' style='max-width:400px; border: 5px solid #333' /></td>
      </tr>
    </table>

Es ese....

Si le pongo al td width='400px' igual se estira

dvbeaumont · #4 (**permalink**) 11/07/2011, 18:02

Código HTML:

Ver original<table> 
<tr>
        <td align='center' style='vertical-align:top'><img src='img/fotono.php?id_novedad=".$row["id_novedad"]."' style='max-width:400px; border: 5px solid #333' /></td>
      </tr>
    </table>

Es ese....

Si le pongo al td width='400px' igual se estira

alexk · #5 (**permalink**) 11/07/2011, 19:41

dvbeaumont te recomiendo usar el buscador es un tema muy tratado:

El max-width no recorta la imagen, la redimenciona si quieres recortar la imagen usa "overflow" al elemento que contenga esta... o bien para habilitar la propiedad "max-width" en IE6 (por que no dices ni la version del IE... ) haz uso de FIX's en JS, hay muchas soluciones como "ie7-js" por ejemplo aun que igual recomiendo pasar de IE6 y no usar tablas para maquetar un sitio