Div Floater no aparece en IE

kidart · #1 (**permalink**) 17/06/2010, 09:06

Hola,

tengo un sitio web con un fondo fullscreen y un div "floater" por delante que contiene el boton "entrar". En firefox, Opera y Safari se ve perfecto, pero en explorer el boton no aparece.
La direccion es esta: http://www.alicebastin.com/new

EL BODY DEL SITIO ES:
<body>
<script type="text/javascript">
AC_AX_RunContent( 'wmode','opaque' ); //end AC code
</script><noscript><object>

<param name="wmode" value="opaque" />
</object></noscript>

<html>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="middle">

<div id="site">
<h1></h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" border="0" /></a></p>
</div>

</td></tr>
</table>
<div id="floater" class="floater">
<div align="center"><a href="alicebastin.html"><img src="images/logo_index.png" width="158" height="51" border="0" /></a></div>

</td>

</div>
<script type="text/javascript">

var so = new SWFObject("index_alice.swf", "site", "100%", "100%", "9", "#fcfcfc");
so.useExpressInstall("expressinstall.swf");
so.addParam("menu", "false");
so.addParam("scale", "noscale");
so.addParam("salign", "LT");
so.addParam("allowFullscreen", "true");

so.write("site");
</script>

</body>

emprear · #2 (**permalink**) 17/06/2010, 10:21

Kidart

Esa direccion que indicas http://www.alicebastin.com/new/ solo carga un flash al 100%. En ningún navegador carga botones u otra cosa mas que el flash
(IE, Opera, Firefox o Safari4)

Saludos

kidart · #3 (**permalink**) 17/06/2010, 11:14

seguro?

yo pongo ver el codigo fuente en cualquier navegador y veo:

<div id="floater" class="floater">
<div align="center"><a ref="alicebastin.html"><img src="images/logo_index.png" width="158" height="51" border="0" /></a></div>

Y lo probe en mac, en pc, en explorer, opera, safari y firefox. El unico que no me abre la imagen es en el IE...

emprear · #4 (**permalink**) 17/06/2010, 11:50

kidart:
vamos por parte, yo me refiero a lo que se ve en el navegador, no al código de la página que si, de hecho existe. solo se ve, como te dije un FLASH al 100%.
con respecto a tu código

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Alice Bastin v1 - May 2010</title>
        <style type="text/css">
			html
			{
				width: 100%;
				overflow: auto;
				background-color: #fcfcfc;
				margin: 0;
				padding: 0;
			}
			body
			{
				height: 100%;
				margin: 0;
				padding: 0;
			}
			#site
			{
				
				
				display:block;
				width: 100%;
				height: 100%;
			}
			
			#site { position:relative; z-index:1 }
			#floater {
	position:absolute;
	width: 158px ;
	height: 51px ;
	z-index:100;
	top:50%;
	left: 50%;
    margin-left: -79px;

	text-align:center;
}

		</style>
        <script type="text/javascript" src="js/swfobject.js"></script>
        
        <script src="../../Scripts/AC_ActiveX.js" type="text/javascript"></script>
        <script src="../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
    <body>
 <script type="text/javascript">
AC_AX_RunContent( 'wmode','opaque' ); //end AC code
</script><noscript><object>  

     <param name="wmode" value="opaque" />  
  </object></noscript>  

    <html>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="middle">
   
<div id="site">
            <h1></h1>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" border="0" /></a></p>
      </div>        
        
        </td></tr>
</table>
 <div id="floater" class="floater">
				    			        <div align="center"><a href="alicebastin.html"><img src="images/logo_index.png" width="158" height="51" border="0" /></a></div>
				    			        </td>

	</div>
        	<script type="text/javascript">
		
        	var so = new SWFObject("index_alice.swf", "site", "100%", "100%", "9", "#fcfcfc");
			so.useExpressInstall("expressinstall.swf");
			so.addParam("menu", "false");
			so.addParam("scale", "noscale");
			so.addParam("salign", "LT");
            so.addParam("allowFullscreen", "true");
			
			
			     so.write("site");
</script>

    </body>
</html>

tiene muchas irregularidades, por de pronto en la mitad del código aparece otra etiqueta <html> abierta...

Al parecer usas SWFObject 2 para cargar el Flash, ea librería requiere que en HTML haya un contenedor con un id válido dónde cargarla, en tu caso utilizas el id "site", el cual esta definido tambien en tu css, pero en el HTML no existe ningun elemento (un <div>, por ejemplo con tal identificador. Es todo muy confuso.

Revisa lo que has hecho y después la seguimos
Saludos

kidart · #5 (**permalink**) 17/06/2010, 15:19

Bueno, gracias por el comeentario.

La verdad que no estoy muy interiorizado en ningun tipo de codigos como verás. Voy a tratar de ordenarlo un poco en base a lo que me decis.

Saludos,