problema con z-index en firefox

[FuLaNo_]

Hola gente:

Tengo un problema que no puedo solucionar...

Tengo una capa que contiene un banner, este puede ser tanto un flash como una imagen.
Dicha capa se encuentra ubicada abajo de la "botonera" del sitio, y cuando se abre algun submenu, este queda sobre el banner.

El problema viene que si el banner es un flash, el submenu me queda debajo de este y, por ende, no se ve.

Las capas tienen aplicado el z-index correctamente (el submenu es mayor a la capa del banner) pero aún así queda debajo...

Muestro los CSS:

Código:

#banners468x60 { 
  margin-left:5px; margin-top:20px; border-top: 1px solid #023B53; border-bottom: 1px solid #023B53; 
  border-left: 1px dotted #023B53; border-right: 1px dotted #023B53; padding:0px;
  width:468px; height:60; color:#FFFFFF; background-color: #FFFFFF; z-index:1;
}
#submnu_1 { position:absolute; left:83; top:23; z-index:140; }

Como ven... el banner esta ubicado en z-index 1, y la capa del menu en el 140...

Como puedo solucionarlo?

PD: En Internet Explorer funciona bien todo
PD_1: Tengan en cuenta que no tengo acceso al archivo flash (no puedo asignarle transparencia...)

[baccxus]

1. ponle z-index 141 al banner
2. colócale también un clear:both

Saludos

[FuLaNo_]

Hola probe como dices:

Código:

#banners468x60 { 
  margin-left:5px; margin-top:20px; border-top: 1px solid #023B53; border-bottom: 1px solid #023B53; 
  border-left: 1px dotted #023B53; border-right: 1px dotted #023B53; padding:0px;
  width:468px; height:60; color:#FFFFFF; background-color: #FFFFFF; z-index:141; clear:both;
}
#submnu_1 { position:absolute; left:83; top:23; z-index:140; }

Pero igual se be el banner sobre el menu...

[jesusbet]

resulta que el z-index es para indicar la posición de la capa en el eje z (profundidad), entonces, si tu quieres es que tu capa de banner esté debajo del menú, usa la propiedad position: realtive :s

ahora, si nos dejas ver un ejemplo tal vez entendamos mejor ;)

saludos

[baccxus]

Iniciado por FuLaNo_

Hola probe como dices:

Código:

#submnu_1 { position:absolute; left:83; top:23; z-index:140; }

Pero igual se be el banner sobre el menu...

Es que el problema no es del banner, es del submenú que tiene una posición absoluta en la página, y como la imagen del banner cambia y no tiene medidas específicas, entonces si es pequeña pues no afecta, pero si es más grande pues sí.

Lo que tienes que hacer es poner el submnu_1 en posición relativa, así cuando algo que esté encima sea más grande, pues simplemente se corra, además no debes darle tamaño de alto al lugar donde van los baneers, porque en firefox te seguirá poniendo encima lo que sea más largo que el tamaño que especificas y no está demás que también le des un clear:both al submnu_1, para evitar que se solape con el flash.

[FuLaNo_]

Fijense el sitio http://www.solo-racing.com.ar/

Como ven, no puedo usar "relative" en los submenues, ahora le puse relative al div que contiene el banner para probarlo.

Se para que sirve z-index... y por eso, si el banner tiene z-index 1 y el menu z-index 140, pues el menu sería lo que este mas arriba...

Por favor, fijense la pagina que les pase, el tema es que no siempre aparece un banner flash (Aveces son imagenes).

[FuLaNo_]

Por cierto, la imagen del banner SI tiene medidas especificas.. siemrpe es 468x60px... lo que cambia es el formato... (a veces imagen, a veces flash)

[furoya]

Hola todos :

No sé si funcionará... ¿ y si el banner tiene z-index=-10 ?

saludos

furoya

[FuLaNo_]

cuando pongo el flash no importa que numero de z-index tenga... siempre queda SOBRE lo demas... esto se arregla poniendo el modo transparente al flash, el problema es que no tengo acceso a el...