Foros del Web - IE y Firefox

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - IE y Firefox (http://www.forosdelweb.com/f4/ie-firefox-596190/)

La hago corta:
Hise una pagina en HTML (con Dreamweaver), y como mi explorador predeterminado es Firefox lo iba probando en este. La cuestion es que ya estoy por terminar y caí en que la pagina debe salir para IE, el mas usado lamentablemente.
La cosa es que tengo fotos en una celda de una tabla, en firefox puse:

<img width="100%" src="blabla />

En firefox: Queda de lujo, la fotito chiquitita ajustada al 100% de la celda.
En IE: Queda horrible, la tabla toda deformada y ahora la "fotito" es enorme, tamaño original.

Bueno, mi pregunta: ¿Como hago para que el 100% lo tome en referencia a la celda? ya que asi queda mejor.
En ambos exploradores. O la forma de hacerlo, me parece q en HTML simple no se va a poder. Pero en css o en java script?

gracias

Respuesta: IE y Firefox

Prueba a poner un width a tu td:

Código HTML:

<td width="200">
 <img width="100%" src="blabla />
 </td>

Respuesta: IE y Firefox

mmm, gracias si, pero el ancho del td ya lo tenia. Perdon no lo habia especificado. El problema es que en IE no importa el ancho que le ponga a la celda o columna, cuando quiero poner la foto con width en % me toma como referencia la foto, que es de alta resolucion y se agranda completa.
Lo que yo busco es q me quede del mismo ancho de la tabla, en firefox con esto:

Código HTML:

<td width="200">
 <img width="100%" src="blabla />
 </td>

La imagen que del ancho de la columna, osea 200px
pero en IE el 100% del IMG es de la foto entera.

Este es el código de ejemplo, lo pongo completo aunque no haga falta:

Código HTML:

<!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>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title>Documento sin t&iacute;tulo</title>
 </head>
 
 <body>
 <table width="100%" border="1">

  <tr>

    <td width="20%" height="48"></td>

    <td width="60%"></td>

    <td width="20%"><img width="100%" src="imagen.bmp" />
 </td>

  </tr>
 </table>
 </body>
 </html>

Gracias

Respuesta: IE y Firefox

En la parte de tu css, añade esto:

table {table-layout:fixed;}

o el selector que te convenga para esa tabla, en caso de que tenga clases o lo que sea.

Mikel.

Respuesta: IE y Firefox

Gracias Mikel, problema resuelto. =)