Escalar imágenes Con CSS, HTML y PHP

[rodrigoyori]

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

[danico90]

mmm...
si lo q quieres hacer es meter una imagen de determinado tamaño en una celda de la tabla con un tamaño x, lo que tienes q hacer es redimensionar la imagen con php al tamaño de la celda.

Hay muchas formas y funciones para hacerlo.

Esa respuesta es según lo que entendí.

[rodrigoyori]

Iniciado por danico90

mmm...
si lo q quieres hacer es meter una imagen de determinado tamaño en una celda de la tabla con un tamaño x, lo que tienes q hacer es [URL="http://www.forosdelweb.com/search.php?cx=003443319247910514836%3Ak3yjoy5uums& cof=FORID%3A10&q=redimensioar+imagen+php&ie=ISO+88 59-1&sa=Buscar&siteurl=#889"]redimensionar[/URL] la imagen con php al tamaño de la celda.

Hay muchas formas y funciones para hacerlo.

Esa respuesta es según lo que entendí.

Exactamente, lo que quiero es redimensionar la Imagen, pero en la web no hago mas que encontra para redimensionar imagenes alojadas localmente. Como lo describi arriba, quiero redimensionar una imagen usando solo su URL.
Por eso en el ancho y en el alto use herencia en CSS.
Pruebenlo en chrome porque si funciona pero en IE no.
Saludos

[kseso?]

Unas consideraciones previas:

• Este es el subforo específico de css, y en el código aportado por usted, podría decirse que no hay tal.
• El código aportado además de parcial e incompleto es el programado, no el generado por el navegador.
• Su estructura o layout está basado en una tabla.
• No hay posibilidad de reproducir el problema o de verlo en línea.

En base a lo anterior, será difícil (por no decir que altamente improbable) hallar u ofrecerle una solución.

Quizás el problema radique en el distinto algoritmo de creación de la estructura de la tabla que cada agente de usuario utiliza al no tenerlo definido (table-layout: auto | fixed | inherit ).

...quiero redimensionar una imagen usando solo su URL...

Para eso quizás le sea útil el uso de los selectores de atributos:
img[src="http://www.ejemplo.com"] {/*medidas*/}
éste nunca lo utilicé, así que... Con otro añadido, este tipo de selectores no es soportado por navegadores "obsoletos"

Quizás la solución pase por asignarle (manualmente o por programación) una clase a esas imágenes donde se definan sus medidas (si sólo se determina una, la otra se escala en proporción a ella) y evitar que en caso de ser mayor que su contenedor lo modifique (overflow: hidden)

Esto que le comento, tómeselo sólo como orientación, pues hecho en falta información precisa.