Foros del Web » Creando para Internet » HTML »

IE y Firefox

Estas en el tema de IE y Firefox en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/06/2008, 20:11
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
IE y Firefox

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

Última edición por MisaianesKingdom; 12/06/2008 a las 20:42
  #2 (permalink)  
Antiguo 13/06/2008, 03:29
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: IE y Firefox

Prueba a poner un width a tu td:
Código HTML:
<td width="200">
<img width="100%" src="blabla />
</td> 
  #3 (permalink)  
Antiguo 13/06/2008, 04:51
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 13/06/2008, 06:15
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
  #5 (permalink)  
Antiguo 13/06/2008, 16:52
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: IE y Firefox

Gracias Mikel, problema resuelto. =)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 21:17.