Imágenes escalables

Mikele777 · #1 (**permalink**) 18/04/2006, 09:51

Buenas

Estoy intentando una cosa que creo que no puede hacerse (sin js), pero bueno, yo pregunto :

Tengo este código :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="imatge.jpg" width="100%" height="100%" /></td>
<td width="45%"> </td>
</tr>
</table>

Si pegais este código (y poneis una imagen llamada imatge.jpg en la raiz) vereis que en Firefox escala la imagen cuando redimensionamos la ventana del navegador.

El problema se llama IE, se puede hacer de algún modo que funcione con Internet Explorer ???, he probado varias cosas pero con resultados decepcionantes.

Por lo que me han comentado no se puede hacer, así que a ver si alguien lo rebate

gracias de antemano !!!

Miquel

kalijunfan · #2 (**permalink**) 19/04/2006, 17:31

entre las varias cosas que probaste, probaste de hacerlo con estilos?
por ejemplo:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="imatge.jpg" width="100%" height="100%" style="width: 100%; height: 100%;"/></td>
<td width="45%"> </td>
</tr>
</table>

Mikele777 · #3 (**permalink**) 20/04/2006, 00:43

Si, lo probé, pero sin éxito, definitivamente creo que no se puede hacer..., almenos hasta que no esté el CSS3...

Miquel

furoya · #4 (**permalink**) 23/04/2006, 13:13

Hola Mikele777 , kalijunfan :

No entiendo qué no funciona.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>IMAGEN ESCALABLE. </title>
<style type="text/css">
body{width:100%; height:100%; }

#alfa {width:100%; hei¬ght:100%; }

#bravo {width:100%; hei¬ght:100%; }

#charly {width:55%; }

#delta {width:100%; height:100%; }

#eco {width:45%; }


</style>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tbody id=bravo>
<tr>
<td id=charly><img id=delta src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif " /></td>
<td id=eco>&nbsp;</td>
</tr>
</tbody>
</table>

<p>.</p>

<table id=alfa border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="55%"><img src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif " width="100%" height="100%" /></td>
<td width="45%">&nbsp;</td>
</tr>
</table>

</body>
</html>

Lo que además me parece extraño es que la tabla tenga un 100% y la celda un 55 ó 45%. Pero debe ser porque es un ejemplo.

[EDIT]

Ah!. Creo que ya entiendo, el error es que asignas una altura a la imagen. El IE le da la de la celda, pero FF no, por alguna razón no lo interpreta y la carga con su tamaño proporcional.

[[/EDIT]