Ver Mensaje Individual
  #8 (permalink)  
Antiguo 05/10/2012, 19:35
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: Imagenes Elastica con Max-width definido

Cita:
Iniciado por Bonez Ver Mensaje
Eres como la conciencia posteada del fiel narrador de La Naranja Mecánica.
¿No tenías un personaje mejor para compararme?



Cita:
Iniciado por Bonez Ver Mensaje
Mi no comprender.

Si llega a 350px, ¿qué supuesta regla evita que siga escalando?
Ninguna, pero sí funciona. La interpretación que hacen los navegadores del CSS es muy misteriosa.

Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>titulo</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     
    <script type="text/javascript">
    //<![CDATA[
    onresize= function(){document.title = document.body.clientWidth}
    //]]>
    </script>

    <style type="text/css">
    img {margin-bottom:30px; max-width:90%; min-width:200px; }
    </style>

    </head>
    <body>
    <img src="http://img694.imageshack.us/img694/5623/constanceperez.jpg" ><br>
    <img src="http://imageshack.us/a/img705/8679/grafiti10.jpg" ><br>

    </body>
    </html>
El problema sigue siendo -bien acotado, mariogl84- el Internet Explorer.
O más bien, las versiones viejas, porque supongo que las últimas tendrán alguna compatibilidad.

Por seguir delirando, se me ocurrió ... "esto"

Código:
<!--[if IE]>
    <style type="text/css">
    img {
width: expression(document.body.clientWidth < 201? "200px": document.body.clientWidth > this.className.substring(1)*1? "auto" : "90%"); 
}
    </style>
<![endif]-->
que por supuesto iría en el <head> debajo de los otros estilos; y -lo más impresentable-

Código:
    <img src="http://img694.imageshack.us/img694/5623/constanceperez.jpg" class="w257" onclick="alert(this.className.substring(1)*1)"><br>
    <img src="http://imageshack.us/a/img705/8679/grafiti10.jpg" class="w640" onclick="alert(this.className.substring(1)*1)"><br>
en el <body>. Los onclick están para confirmar manualmente las "clases con ancho" (porque el valor es el ancho default de cada imagen), y la mala noticia es que no lo probé. Si no me falla la memoria, IE6 no reconocía el this en la hoja de estilos, pero me parece que IE8 ya sí. Si alguien lo quiere probar ...

[Nota: saludos a mi difunta madre (QEPD) no serán aceptados.]