Problema maquestación entre navegadores

Pimager · #1 (**permalink**) 06/10/2011, 04:14

Hola a todos, tengo el siguiente código en mi página:

Código:

<div style="z-index:-1;">
      <object id='FLASH'
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	codebase="http://download.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
	width="1024px"
	height="706px">
	<param name="AllowScriptAccess" value="always"/>
	<param name="src" value="mySWF.swf"/>
	<embed name="MyMovie"
	        pluginspage="http://www.adobe.com/go/getflashplayer"
	        src="mySWF.swf"
	        width="1024px"
	        height="706px"
	        allowscriptaccess="always"/>
      </object>
</div>
        
<div id="myFrame" style="height:80px;width:190px;position:absolute;top:12.2%;left:67.5%;display:block;z-index:1;">
     <iframe height="100%" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" >
     </iframe></div>

El problema es que en Firefox, IE y Chrome se muestra el iframe por encima del flash, como debe ser, pero en Safari el iframe se muestra por debajo, alguien sabe a que se debe? como puedo solucionarlo?

Muchas gracias

pscualinho · #2 (**permalink**) 15/10/2011, 10:04

Si lo consigues ... avisa :D

Saludos

alex_dh · #3 (**permalink**) 15/10/2011, 11:03

trataste con ponerle la propiedad FLOAT en CSS para que no se superpongan?

emprear · #4 (**permalink**) 15/10/2011, 18:35

esto se ve bien en todos(incluso Safari5/win7

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<iframe width="190" height="80" src="http://emprear.com" scrolling="yes" style="position: absolute; top: 0;left: 0;"></iframe>
<div style="border: solid 1px #000; width:1024px; height: 706px;">
<object type="application/x-shockwave-flash" data="/videotest/swf_video.swf" width="1024" height="706">
      <param name="movie" value="/videotest/swf_video.swf" />
      <param name="loop" value="false" /> 
      <param name="menu" value="true" />
      <param name="play" value="true" />
      <param name="wmode" value="transparent" />
      <param name="bgcolor" value="#8897db" />
      <p>Flash Player no se encuentra o la versión no es compatible, utiliza el siguiente link para ir a la página de descarga <br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a>
</p>
</object>
</div>
</body>
</html>

y te sugiero corrijas la forma de insertar flash

Saludos