Cómo ver en IE una imagen de fondo en un iframe

pmj11195 · #1 (**permalink**) 27/05/2006, 03:31

Hola a todos. Espero que podáis ayudarme a resolver mi duda. Sé que hay solución, pues hace tiempo lo hice, pero por más vueltas que le doy, no me acuerdo cómo se hacía.

Al poner una imagen como fondo de un iframe, que a su vez está colocado dentro de una celda de tabla, en FF se ve correctamente, pero al probarla en IE, el iframe se ve de color blanco.

Lo que quiero conseguir es que se vea todo lo que se carga en el iframe, sobre una imagen de fondo, pero como digo, en FF se ve correctamente, mientras que en IE, se ve blanco.

La parte del código correspondiente es la siguiente:
...
</td>
<td colspan="4" background="imagenes/fondoframe.jpg"><iframe name="principal" width="100%" height="100%" frameborder="0"></iframe></td>
<td background="imagenes/fondomenus.jpg">
...

Muchas gracias por la ayuda.

causita · #2 (**permalink**) 27/05/2006, 22:31

pmj11195 · #3 (**permalink**) 28/05/2006, 02:50

He hecho lo que me has dicho, pero al cargar en el iframe el resto de páginas, debería verse el texto de cada página cargada sobre "imagenes/fondoframe.jpg" como fondo de la misma. No sé si me he explicado bien.

De todas formas, muchas gracias por la ayuda.

causita · #4 (**permalink**) 28/05/2006, 09:37

ok, fíjate el color de fondo q tiene la tabla, presumo q debe tenelo "blanco", quítaselo y prueba nuevamente. Prueba tambien colocando como imagen de fondo a tu tabla "fondoframe.jpg".

veamos...

pmj11195 · #5 (**permalink**) 28/05/2006, 14:52

Muchísimas gracias de nuevo por intentar solucionar el problema. Pongo el código completo para que lo veas:

<html>
<head>
<title>GEYRECO. Gestión y Representación Comercial</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
margin:0;
}
</style>
</head>

<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="70px" colspan="6" background="imagenes/fondocabecero.jpg">
<div align="center"><strong><font color="#FF0000" size="+7" face="Verdana, Arial, Helvetica, sans-serif">GEYRECO</font></strong></div></td>
</tr>
<tr>
<td width="150" height="20px" background="imagenes/fondomenus.jpg"> </td>
<td background="imagenes/fondoframe.jpg" align="center"><a href="quienes.html" target="principal">¿Quiénes somos?</a></td>
<td background="imagenes/fondoframe.jpg" align="center"><a href="productos.html" target="principal">Productos</a></td>
<td background="imagenes/fondoframe.jpg" align="center"><a href="influencia.html" target="principal">Zona de influencia</a></td>
<td background="imagenes/fondoframe.jpg" align="center"><a href="contactar.html" target="principal">Contactar</a></td>
<td width="150" background="imagenes/fondomenus.jpg"> </td>
</tr>
<tr>
<td background="imagenes/fondomenus.jpg">
<table width="150px" height="200px" border="0">
<tr>
<td align="center" height="20"><h4><a href="noticias.html" target="principal">Noticias</a></h4></td>
</tr>
<tr>
<td align="center" height="20"><h4><a href="turismo.html" target="principal">Turismo</a></h4></td>
</tr>
<tr>
<td height="20" align="center"><h4><a href="sociedad.html" target="principal">Sociedad</a></h4></td>
</tr>
<tr>
<td align="center" height="20"><h4><a href="deportes.html" target="principal">Deportes</a></h4></td>
</tr>
<tr>
<td align="center" height="20"><h4><a href="mercado.html" target="principal">Mercado</a></h4></td>
</tr>
<tr>
<td align="center" height="20"><h4><a href="economia.html" target="principal">Economía</a></h4></td>
</tr>
</table>
</td>
<td colspan="4" background="imagenes/fondoframe.jpg">
<iframe name="principal" width="100%" height="100%" frameborder="0"></iframe></td>
<td background="imagenes/fondomenus.jpg">
<table width="150px" height="200px" border="0" cellpadding="0">
<tr>
<td align="center" height="20"><h4>Smart Market</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Appletree</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Exitoflor</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Joaquim
Plana</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Sevimex</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Awi</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Muñecas
...</h4></td>
</tr>
<tr>
<td align="center" height="20"><h4>Abanicos
Folgado</h4></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20px" colspan="6" bgcolor="#FFCCFF"> </td>
</tr>
</table>
</body>
</html>

En azul, indico la parte correspondiente al dichoso iframe que me tiene loco. La cuestión es que al probar en Firefox, se ve lo que yo quiero, es decir, como fondo la imagen "fondoiframe.jpg". Al cargar en este iframe todos los enlaces de la página (noticias, deportes, sociedad, etc.), se ve por debajo del texto y de las fotos de las páginas cargadas la imagen "fondoiframe.jpg".
Por el contrario, al probarlo en el Explorer, el fondo se ve blanco.

Muchas gracias por el interés prestado.

jossss · #6 (**permalink**) 28/05/2006, 15:42

Prueba asi...

Cita:

pmj11195 · #7 (**permalink**) 29/05/2006, 08:34

Por fin he conseguido lo que pretendía, así que voy a ponerlo aquí por si le interesa a alguien.
Pero antes, quiero agradecer a todos los que han intentado solucionar mi duda, tanto a aquellos que han aportado sus ideas, como aquellos otros, que aun no habiendo aportado nada, han intentado buscar la solución.

PASOS A SEGUIR:
Primer paso. He creado junto al archivo index.html un archivo llamado iframe.html, al que le he añadido en el body el texto en azul:

<body background="imagenes/fondoframe.jpg">

Segundo paso. En el archivo index.html, he mantenido dentro de la celda de tabla en la que va alojada el iframe, lo mismo que puse inicialmente en el código:

<td colspan="4" background="imagenes/fondoframe.jpg">

Igualmente, y dentro del mismo archivo index.html, al iframe le he añadido lo que va en azul:

<iframe name="principal" width="100%" height="100%" frameborder="0" src="iframe.html"></iframe>

Tercer paso. Por último, a todos los archivos que se cargan en el famoso iframe, les he añadido en el body lo que va en color azul:

<body background="imagenes/fondoframe.jpg" bgproperties="fixed">

Era algo más complicado de lo que yo pensaba, pero finalmente está resuelto. Espero que os sea útil.

causita · #8 (**permalink**) 29/05/2006, 11:44

no fue eso lo q yo t dije en mi 1ra respuesta?

q bueno q se haya solucionado tu problema...