Buenas tardes a todos, estóy haciendo un sitio web en el que quiero escalar imágenes que traigo desde una base de datos en MySQL con PHP para aplicarlas dentro de una tabla en HTML.
La imagen que intento escalar no quiero guardarla fisicamente, sino traerla mediante la URL que le corresponde, y escalarla al tamaño del campo que le doy a la tabla.
Funciona correctamente en Google Chrome pero en IE no funciona, las imagenes aparecen del tamaño real y distorsiona todo el sitio.
Paso a detallar con el código:
Código:
CSS:
Acá le doy herencia al alto y hanco de lo que va a ser la imagen
#imagen{ width:inherit;
height:inherit;
}
HTML y PHP:
<!--Levanto el estilo y llamo datos de la base-->
<?php
echo"<link href='est.css' rel='stylesheet' type='text/css' />";
$r=mysql_query("select * from tabla",$misql);
$regi=mysql_fetch_array($r);
?>
<!--hago una tabla, en el campo que va la Imagen le doy el alto solamente para que con el ID creado en CSS me lo escale al ancho-->
<table>
<tr>
<td height="192" align="center"><?php
echo"<img src='".$regi["image"]."' id='imagen'>";
?>
</td>
</tr>
Funciona correctamente en Chrome pero no en Internet Explorer.
Gracias a todo aquel que pueda ayudarme.
Saludos