IE y Firefox

MisaianesKingdom · #1 (**permalink**) 12/06/2008, 19:11

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

Raulmmmm · #2 (**permalink**) 13/06/2008, 02:29

Prueba a poner un width a tu td:

Código HTML:

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

MisaianesKingdom · #3 (**permalink**) 13/06/2008, 03:51

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

Mikmoro · #4 (**permalink**) 13/06/2008, 05:15

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.

MisaianesKingdom · #5 (**permalink**) 13/06/2008, 15:52

Gracias Mikel, problema resuelto. =)