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>
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>
Mil gracias
DX