Foros del Web » Creando para Internet » CSS »

Div flotante + iframe + flash

Estas en el tema de Div flotante + iframe + flash en el foro de CSS en Foros del Web. Hola amigos, como andan? Estoy con un grave problema..... En movistar tenemos una estructura de tablas donde en la celda superior carga un menu en ...
  #1 (permalink)  
Antiguo 06/02/2008, 09:04
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Div flotante + iframe + flash

Hola amigos, como andan? Estoy con un grave problema.....

En movistar tenemos una estructura de tablas donde en la celda superior carga un menu en flash y en la celda inferior un iframe.....hasta ahi vamos bien.

Esto se carga:

index --> estructura de tablas con menu + iframe
inicio --> carga en el iframe con banners y novedades

Resulta que quieren poner un div flotante en la index y que este cargue por arriba de todo, el problema está en que los banner en flash de inicio (el html que se carga en el iframe) quedan pisando el div que se carga en index.

Probé con z-index, probé con position:absolute, probé todo y nada....

Este es el código CSS que tenemos en la index:

Código HTML:
<style type="text/css">
<!--
body { color:#000000;font-family:arial;font-size:11px;}
td { color:#000000;font-family:arial;font-size:11px;}
a {font-family: arial; text-decoration: none;}
a:link {color:#76B900;}
a:visited {color:#76B900;}
a:active {color:#76B900;}
a:hover {color:#00005A;}
#promo {
width:516px;
height:481px;
position:absolute;
margin:100px 0px 0px 220px;
z-index:99;
}
#promo_legales {
width:516px;
height:481px;
position:absolute;
margin:100px 0px 0px 220px;
z-index:101;
}
.boton {
position:absolute;
width:50px;
height:50px;
margin-left:-70px;
margin-top:0px;
z-index:100;
outline:none;
}
.boton-legales {
z-index:102;
outline:none;
}
.legales {
position:absolute;
width:67px;
height:30px;
margin-left:-130px;
margin-top:0px;
z-index:151;
outline:none;
}
-->
</style> 
y así estan "cargados" los swf que están en inicio.html (el HTML que se carga en el iframe)

Código HTML:
<td width="333" rowspan="2">
		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="333" height="159">
            <param name="movie" value="imagenes/banner_store.swf">
            <param name="quality" value="high">
<embed src="imagenes/banner_store.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="333" height="159"></embed>
          </object>
</td> 
tienen una idea de lo que pueda estar pasando???? la url no la puedo colgar porque la trabajamos de forma local.

Mil gracias
DX
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #2 (permalink)  
Antiguo 06/02/2008, 10:32
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Re: Div flotante + iframe + flash

bueno, lo solucioné! solo había que ponerle al swf
Cita:
<param name="wmode" value="opaque" />
pero ahora no anda en FireFox, pero si en IExplorer!


alguna idea?
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #3 (permalink)  
Antiguo 06/02/2008, 11:15
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 10 meses
Puntos: 177
Re: Div flotante + iframe + flash

Listo solucionado!!!!!!

para FF dentro del tag <embed wmode="transparent">......</embed> y listo el pollo!!!

gracias!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
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 08:28.