Contenido

Imagenes con max-width, ahora en IE tambien

11 ago

+ 4

Un problema que siempre hemos tenido con las imagenes en nuestro proyectos era el tamaño de las mismas, ya que si son muy grandes te descuadran la página y si son muy pequeñas te queda muy vacía la página. Cuando aparecío Firefox y sus antecesores esto parecía que podía solucionarse usando el atributo max-width y min-width que están destinados para dicha función. El problema radica donde siempre, el uso de varios posibles navegadores. 

En un mundo donde el 90% de los usuarios usan Internet Explorer no puede existir la programación web fácil…

Por ello la gente no para de sacar hack y “soluciones” a problemas cada vez más rebuscados, la gente quiere innovar, como por ejemplo el uso de max-width como propiedad CSS en IE.

Firefox

selector {max-width:value;} 

Internet Explorer

 selector {width: expression(this.width > value ? value: true);} 

Cambiando value por el tamaño máximo que queremos permitir.

Ejemplo:

 .post-body img {
   max-width:400px;
   width: expression(this.width > 400 ? 400: true);
 }
  • excelente me chute poca mas de la mitad de la web y nadamas no me caminabannn

    en mi caso lo use con imagenes dinamicas cargadas de una base de datos.. al final quedo asii
    por si alguien desea probarlo

    
    <img class="post-body"  src='' alt=""  />
    

    y el css
    asi

    
    .post-body{
         max-width:80px;
         max-height:80px;
         width: expression(this.width > 80 ? 80: true);
         height: expression(this.height > 90 ? 90: true);
        }
    

    en mi caso eran miniaturas de 80×90 saludosss pffff

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.