Ajustando en div

[yonolose]

Hola!!

Tengo un problema.

En mi web, hay un servicio de humor grafico, pero el problema es que no quiero que la imagen sea más grande que el div (si es más pequeña no importa), y tampoco quiero obligar a los clientes a no superar las medidas de las imágenes.

Quisiera saber cómo hago esto:

Si la imagen es más grande que el div, se me ajuste a este. Pero sólo si es más grande, si es más pequeña no quiero e se ajuste, ya que quedaría muy mala calidad de visión.

Saludos!!

[Fueguino]

Creeria que haciendo lo siguiente:

darle al div un ancho y alto fijos maximos, no lo actuales. y a la imagne ponerle el 100%.

[yonolose]

Pero ocurre esto:

He puesto esto en el css:

#grafico {
left:10px;
top:70px;
max-width:200px;
max-height:200px;
}

Mira en el link, se verá que el div, tiene como mínimo 600px por lo menos!!

Pdta: Aparte de la imagen, ha de mostrarse un texto.

[ferbux]

Hola,

Prueba cone esto:

Código:

#grafico
{
margin: 10px;
width: 100px;
height: 100px;
border-style: solid;
border-width: 5px;
background:f7f6ed;
border-color: ff0000
float: left;
overflow: hidden;
}

[yonolose]

Gracias

No tenía ni idea de lo que es overflow.

Pero he buscado información: http://www.miliuco.net/aspnet/overflow/inicio.html

Es muy buena tu solución, pero no es lo que andaba buscando, ya que si la imagen es muy grande, me recortaría lo sobrante.

Además, si sustituyo el hidden por el scroll, tampoco sería muy bueno, porque para ver bien la imagen, tendría que ir mirandola parte por parte.

Yo busco algo que me ajuste la imagen (solo si sobrepasa la altura/anchura del div) a la altura/anchura del div.

Saludos, y gracias, aunque esperaré a las otras respuestas.


PDTA: Falta un punto y coma (;) en la línea 9 de tu código.

[ferbux]

por ke no metes una tabla dentro del div y dentro de la tabla pones el width y el height de acuaerdo a como quieras mostrar la imagen pones la imagen y la ajustas a un tamaño estandar, es decir no importa si es chica o grande siempre se mostrará en un tamaño definido en la tabla, el unico problema seria con imagenes muy pequeñas ya que las mostraría pixeleadas.

[ferbux]

Es muy sencillo péro funciona

Código:

<table border='5' BordercOLOR=#B0C4df ALIGN='CENTER'>
<tr>
<td  height=60>
 <img src="image" border=5 HEIGHT=100 ALIGN=CENTER /></td></tr>
</table>

[/code]

[yonolose]

Gracias, pero sigue sin tener un ancho máximo:

Verás, en este link:

http://061294.webcindario.com/chiste...les&_pagi_pg=3

saludos

[yonolose]

Lo he solucionado todo con php!!

Explico:

La imagen la dejo como está. Si sus medidas, superan las del div, yo le doy nuevas medidas a la imagen (las medias del div).

Código:

Código PHP:

  list($ancho, $altura, $tipo, $atr) = getimagesize("./yy/$ch_name");

echo  "<br />" . "<br />" . "<hr />" . $nombre . "<br />" . "<br />" . "<img src='./yy/$ch_name'";

if(($altura>450) or ($ancho>450)){

echo 'style="width: 450px; height: 450px;"';
}  
   

Es tan fácil y sencillo como eso.

Saludos

ACTUALIZO:

Con la solución de ayer esta bien, pero he descubierto que esos ajustes de dimensiones son muy malos, ya que si tiene la imagen de ancho: 451, y de alto: 12345. Entonces se ajustariía a 450x450, pero la imagen quedaría fatalmente horrorosa. Para ajustar el alto proporcionalmente con el acho, he modificado un poco el script:

Nuevo:

Código PHP:

  if($ancho>450){ //Actualización

$alturanueva = $altura - 450; //Actualización

echo 'style="width: 450px; height: ' . $alturanueva . 'px;"'; //Actualización
}  
   

Así se ajustaría el alto proporcionalmente con el ancho.

Saludos. Esperaré nuevas ideas (Si las hay)