Ayuda urgente en iframe

deenver · #1 (**permalink**) 21/02/2006, 18:43

Estimados amigos/as,

Desde hace algunos días estoy probando los iframe en una página web que estoy construyendo, pero resulta que en Firefox responde bien, pero en Explorer no y ya no sé cuál puede ser el error. ¡Necesito ayuda urgente!

La url de la página web es: borlansa.net/galeria/pintura.php con las tres www delante (es que no me deja poner enlaces porque no tengo suficientes posts.. -_-)

Como vereis hay un menu de categorías para seleccionar que es un iframe y después la idea es que cuando seleccionemos la categoria correspondiente se habra el album de fotos al lado, donde está ubicado el otro iframe...

¿Alguien me puede echar una cable? ¡¡Muchas gracias de antemano!!

¡Buenas noches!

ludovico2000 · #2 (**permalink**) 22/02/2006, 13:26

pon el código del iframe, porque no se ve la pág...

deenver · #3 (**permalink**) 23/02/2006, 07:55

El código del iframe es el siguiente. Para la página con las categorías de menu para seleccionar, llamada "pintura.php" es:

"<div id="Layer4" style="position:absolute; left:369px; top:94px; width:646px; height:357px; z-index:105">
<table width="100%" height="100%" border="0" cellspacing="0" bgcolor="#FFCC99">
<tr>
<td><iframe width="100%" height="100%" frameborder="0" name="cont" scrolling="auto">
El teu navegador no suporta iframes i no podràs veure borlansa.net. Pàgina optimitzada per a Internet Explorer 4.0
i posteriors, així com Netscape 4.x o superior o el Mozilla Firefox.
</iframe></td>
</tr>
</table>
</div>
<div id="Layer5" style="position:absolute; left:0px; top:16px; width:150px; height:80px; z-index:3">
<table width="100%" height="100%" border="0" bgcolor="#99CCFF">
<tr>
<td bgcolor="#99CCFF"></td>
</tr>
</table>
</div>
<div id="Layer6" style="position:absolute; left:149px; top:94px; width:218px; height:357px; z-index:80">
<table width="100%" height="100%" border="0" cellspacing="0" bgcolor="#FFCC99">
<tr>
<td><iframe src="pintura3.php" name="menu"
width="219" height="353" frameborder="0" scrolling="auto">
El teu navegador no suporta iframes i no podràs veure borlansa.net. Pàgina optimitzada per a Internet Explorer 4.0
i posteriors, així com Netscape 4.x o superior o el Mozilla Firefox.
</iframe></td>
</tr>
</table>
</div>"

Como vemos, en el segundo iframe, correspondiente al nombre "menu" se llama a una página llamada "pintura3.php" que contiene el menu desde el cual se pueden seleccionar las diferentes categorías del apartado de pintura de la página.

El primer iframe, que responde al nombre de "cont", es dónde se debería mostrar cada uno de los álbumes de fotos según la categoría que hayamos seleccionado en el menu. Y también es aquí dónde reside el problema, pues en firefox funciona a la perfección, pero en explorer no... :S

Por lo que respecta a la pàgina "pintura3.php" el código es el siguiente:

"<div id="Layer1" style="position:absolute; left:0px; top:1px; width:210px; height:350px; z-index:1">
<table width="100%" height="306" border="0" cellspacing="0" bgcolor="#FFCC99">
<tr>
<td colspan="4"><div align="center"><span class="Estilo7">SELECCIONA UNA CATEGORIA </span></div></td>
</tr>
<tr>
<td height="21" colspan="4"> </td>
</tr>
<tr>
<td height="56"><img src="albums_fotos/ampolles/thumbnails/pintura_img_27_jpg.jpg" width="35" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/ampolles/index.htm" target="cont">ampolles</a></span></td>

<td height="55"><img src="albums_fotos/borratxos/thumbnails/pintura_img_35_jpg.jpg" width="35" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/borratxos/index.htm" target="cont">borratxos</a></span></td>
</tr>
<tr>
<td><img src="albums_fotos/collage/thumbnails/pintura_img_47_jpg.jpg" width="35" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/collage/index.htm" target="cont">collage</a></span></td>

<td><img src="albums_fotos/figura_humana/thumbnails/pintura_img_33_jpg.jpg" width="35" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/figura_humana/index.htm" target="cont">figura humana</a> </span></td>
</tr>
<tr>
<td><img src="albums_fotos/flors/thumbnails/pintura_img_45_jpg.jpg" width="30" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/flors/index.htm" target="cont">flors</a></span></td>

<td><img src="albums_fotos/paisatge_urba/thumbnails/pintura_img_48_jpg.jpg" width="62" height="37"></td>
<td><span class="Estilo9"><a href="albums_fotos/paisatge_urba/index.htm" target="cont">paisatge urbà</a> </span></td>
</tr>
<tr>
<td><img src="albums_fotos/tema_lleida/thumbnails/pintura_img_38_jpg.jpg" width="30" height="53"></td>
<td><span class="Estilo9"><a href="albums_fotos/tema_lleida/index.htm" target="cont">Lleida</a></span></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>"

Como se puede observar hay siete categorías en el "menu" que se corresponden a los siete álbumes de fotos y cada una de las categorías lleva en su enlace el comando " target="cont" ", por el cual en el momento que el visitante de la página hiciera clic en alguna de las categorías se debería mostrar tal categoría en el iframe llamado, como hemos visto antes, "cont". Esto se cumple en Firefox, pero no en Explorer como ya he dicho y no entiendo el motivo. Aparentemente todo está bien...

¿Teneis alguna idea? Muchas gracias por contestar "ludovico2000". No sé si existiría algun Javascript que pudiera solucionar la cuestión, pero si se pudiera solucionar únicamente en código html, pues mucho mejor... ;)

Muchas gracias otra vez y hasta pronto!! :p

deenver · #4 (**permalink**) 23/02/2006, 13:05

¡hola de nuevo amigos!

Este mensaje es para informar que ya encontre el error y la página ya funciona correctamente en Firefox i Explorer... :)) Como yo no he encontrado ningún sitio dónde lo explicaran, lo cuelgo aquí por si puede ser de utilidad a alguien más ya que a mi me ha hecho volver loco y todo por una absurda tontería!! :S

Veréis resulta que el iframe estaba definido así: <iframe width="100%" height="100%" name="cont"></iframe>... etc.

Luego resulta que explorer no reconoce el atributo "height="100%"" y hay que concretarlo en píxeles. Y para mayor eficacia y seguridad, pues también recomiendo darle un valor absoluta a "width", en lugar del porcentual "=100%".

Así que esto era todo el problema y por este motivo no se visualizaba en explorer. Lo encontré, como siempre, por pura casualidad... :p ¡Pues ahí queda dicho!

¡Hasta pronto, amigos!

ludovico2000 · #5 (**permalink**) 24/02/2006, 02:51

Vaya, me alegro de que lo solucionaras, así que ya no digo nada... aunque... debería haber alguna forma de lograr el 100% (con algún script que capture el screen.width o algo así) para poder adaptarlo a diferentes resoluciones...