Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de Cómo ver en IE una imagen de fondo en un iframe en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/05/2006, 04:31
 
Fecha de Ingreso: mayo-2006
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
Cómo ver en IE una imagen de fondo en un iframe

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.
  #2 (permalink)  
Antiguo 27/05/2006, 23:31
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.025
Antigüedad: 15 años, 7 meses
Puntos: 8
<iframe name="principal" width="100%" height="100%" frameborder="0" src="pagina.html"></iframe>

creo q debes agregarle lo q está en negrita, con eso cargas el contenido q aparecerá en el iFrame al cargarse éste. Y el fondo q coloques en la página pagina.html) será el q aparecerá.

En el fondo de pagina.html colocas background="imagenes/fondoframe.jpg"
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
  #3 (permalink)  
Antiguo 28/05/2006, 03:50
 
Fecha de Ingreso: mayo-2006
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
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.
  #4 (permalink)  
Antiguo 28/05/2006, 10:37
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.025
Antigüedad: 15 años, 7 meses
Puntos: 8
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...
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
  #5 (permalink)  
Antiguo 28/05/2006, 15:52
 
Fecha de Ingreso: mayo-2006
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
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">&nbsp;</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">&nbsp;</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">&nbsp;</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.
  #6 (permalink)  
Antiguo 28/05/2006, 16:42
 
Fecha de Ingreso: mayo-2006
Mensajes: 475
Antigüedad: 11 años, 7 meses
Puntos: 58
Prueba asi...
Cita:
<iframe name="principal" width="100%" height="100%" frameborder="0" allowtransparency="true"></iframe>
  #7 (permalink)  
Antiguo 29/05/2006, 09:34
 
Fecha de Ingreso: mayo-2006
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
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.
  #8 (permalink)  
Antiguo 29/05/2006, 12:44
Avatar de causita  
Fecha de Ingreso: mayo-2002
Ubicación: Lima-Perú
Mensajes: 2.025
Antigüedad: 15 años, 7 meses
Puntos: 8
no fue eso lo q yo t dije en mi 1ra respuesta?

q bueno q se haya solucionado tu problema...
__________________
|| no hay pregunta tonta....lo q hay son tontos q no preguntan || d-.-b

El Causita
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




La zona horaria es GMT -6. Ahora son las 02:49.