Foros del Web » Creando para Internet » CSS »

menú desplegable no se muestra en FF e IE con z-index

Estas en el tema de menú desplegable no se muestra en FF e IE con z-index en el foro de CSS en Foros del Web. Hola que tal, la verdad ya desconozco que es lo que esta pasando, según yo ya me había quedado, pero no funciona nada, resulta que ...
  #1 (permalink)  
Antiguo 20/07/2007, 13:55
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.723
Antigüedad: 12 años, 5 meses
Puntos: 50
menú desplegable no se muestra en FF e IE con z-index

Hola que tal, la verdad ya desconozco que es lo que esta pasando, según yo ya me había quedado, pero no funciona nada, resulta que realice mi menú desplegable con el css de suckerfish y sin problemas, el lío viene cuando intento desplegar el menú, es decir, tengo una estructura parecida a esta:

Código:
<div>
<div>
</div>
<div>
</div>
</div>
Para que se vea mejor, dejo el link de la muestra que es este

Código:
.menuCONT <---- esta clase contiene al ambos divs el del menú y el del archivo en flash
{
	position:relative;
	display:block;
	width:1005px;
	height:450px;
	background-color:#22aa55;
	text-align:left;
	margin: auto;
	border-bottom: 1px solid #eee;

}
.menu <--- Esta contiene al menú 
{
	position:absolute;
	display:inline;
	top:0px;
	left:0px;
	text-align:left;
	width: 180px;
	z-index:1;
}
.frame <<---- esta contiene al objeto en flash que, en un inicio iba a ser un iframe
{
	position:absolute;
	display:inline;
	left:180px;
	top:0px;
	padding:0; 
	z-index:-5;
	float:left;
}
/*Esta es la estructura del menú*/
ul 
{
	display:inline;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
	border-bottom: 1px solid #eee;
}
ul li 
{
	position: relative;
}

li ul 
{
	position: absolute;
	left: 178px;
	top: 0;
	display: none;
}
ul li a 
{
	display: block;
	text-decoration: none;
	color: #555;
	background: #fff;
	padding: 1px;
	border: 1px solid #eee;
	border-bottom: 0;
}

ul li a:hover
{
	display: block;
	text-decoration: none;
	color: #E10000;
	background: #ccc;
	padding: 1px;
	border: 1px solid #eee;
	border-bottom: 0;
}

* html ul li {float: left;}
* html ul li a {height: 1%;}

li:hover ul, li.over ul 
{ 
	position:absolute;
	display: block; 
	z-index:1;
}

ul li ul
{
	width: 340px;
}
Lo que sucede es que ni en IE como en FF me muestra el menú por delante del objeto en flash y por si fuera poco, he colocado ambos divs (los del menú y los del flash) en absolutos pero nada de nada, espero alguien pueda ayudarme, gracias...
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
  #2 (permalink)  
Antiguo 21/07/2007, 14:29
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: menú desplegable no se muestra en FF e IE con z-index

Hola erick_arcini, mira aquí.

http://www.forosdelweb.com/showpost....6&postcount=66

  #3 (permalink)  
Antiguo 21/07/2007, 21:05
 
Fecha de Ingreso: abril-2006
Mensajes: 72
Antigüedad: 11 años, 7 meses
Puntos: 0
Re: menú desplegable no se muestra en FF e IE con z-index

usa
<param name="wmode" value="transparent">

y en:
<embed wmode=transparent ...

eso te solucionara el problema
__________________
Jesus!! Yo confio en tí :-)
  #4 (permalink)  
Antiguo 22/07/2007, 11:49
Avatar de erick_arcini  
Fecha de Ingreso: julio-2005
Ubicación: Jaltenco / DF
Mensajes: 1.723
Antigüedad: 12 años, 5 meses
Puntos: 50
Re: menú desplegable no se muestra en FF e IE con z-index

Gracias por haber contestado, efectivamente, con eso se ha solucionado el problema que tenía, solo quite el z-index por que como lo tenía con -1, este no se me mostraba en firefox, pero ya quedo solucionado, gracias
__________________
Mejoremos nuestro país, ayudemos al planeta... próximamente.
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 06:38.