[Consulta] Maldito z-index y object.

[reborn]

Hola.
Llevo meses dando vuelta con el mismo problema del z-index y un archivo flash y me restringe al usar determinado estilo en la web.
Aclaro q ya probe de todo como ser: cambiar los valores del z-index de cada div y del object y tambien agregando <param name="wmode" value="transparent" /> antes del embed y dentro del embed wmode="transparent" pero sigo sin solucion.
En mi caso estoy haciendo una web q ofrece servicios de chat, y es precisamente el chat el q se interpone delante del footer y otros divs:



Como ven, el chat (color celeste y borde negro) se interpone sobre el footer (color verde).

Tiene alguna solucion este problema?

Gracias.
Saludos.

[chuntin]

prueba dando valores muy altos para z-index de divs

no 1,2,3,4,5...
sino 10,20,50,80 asi mas o menos

[reborn]

Iniciado por chuntin

prueba dando valores muy altos para z-index de divs

no 1,2,3,4,5...
sino 10,20,50,80 asi mas o menos

Si, eso hice. Hasta valores de 100 y 200 puse pero nada. A lo mejor no logro dar con la combinacion justa.
No se q mas puedo hacer.

[chuntin]

podrias poner el codigo aqui y asi te podriamos ayudar mejor

[emprear]

pasa url o código, la imagen no proporciona datos suficientes

Saludos

[reborn]

Es q ya hice y deshice todo.
Pero estaba probando de la siguiente manera:

Código HTML:

<style type="text/css">


body {
	margin-top:100px;
	margin-bottom:100px
}



/* Capsula */
#capsula{
	width:100%;
	height:auto;
	display: table;
	margin:auto auto;
    padding: 0;
	
}



#contenido{
    width:96%;
    height:auto;
    background: url(/images/bgblue.png);
    display:table;
    margin:0 auto;
    padding-top:15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 3px #000000;
    -moz-box-shadow: 0 1px 3px #000000;
    -webkit-box-shadow: 0 1px 3px #000000;
    z-index:150;
}



#chat{
	width:100%;
	height:auto;
	float:left;
	display:table;
	margin:auto auto 15px 1px;
	position:relative;
	z-index:160;
}

object{
    z-index:1;
}







#footer{
	width:100%;
	 height:60px;
	  display:none;
	   bottom:0;
	    left:0;
	      position:fixed;
	       background:url('/footergyb1.png');
	       z-index:999
	       
}



</style>






<div id="capsula">


<div id="contenido">

    
<div id="chat">


<object id="chats99100132" type="application/x-shockwave-flash" data="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" width="730" height="430"><param name="movie" value="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" /><param name="bgcolor" value="#ffffff" /><embed src="http://static.99widgets.com/chats/swf/chat.swf?r=100132&l=es" type="application/x-shockwave-flash" width="730" height="430" bgcolor="#ffffff"></embed></object>
	
      		
</div>




</div>




</div>
       
  <div id="footer"></div>

Un ejemplo aqui: http://pruebayejemplos.net23.net/prueba.php

[emprear]

pero ahora , donde esta el problema que aparecia en la imagen? yo no observo nada anormal


Saludos

[reborn]

Iniciado por emprear

pero ahora , donde esta el problema que aparecia en la imagen? yo no observo nada anormal


Saludos

Como q no?, entraste a la web del ejemplo?, ahi se ve. Por lo menos yo lo veo en firefox, se interpone el chat por encima del footer.

[emprear]

Yo lo estuve viendo con IE. Dejame analizarlo, que hay un par de cosas que no cierran con el firefox.

Lo diseñaste para alguna resolución en especial?

Saludos

[reborn]

No, no tuve en cuenta la resolucion. Solamente para el background del body q es una imagen de 1024 x 768 pero no creo q eso afecte.
Yo lo probe en ie 8 y chrome pero se ve igual q en firefox.