Foros del Web » Creando para Internet » CSS »

Menu CSS despliega bien en IE, pero si en FF

Estas en el tema de Menu CSS despliega bien en IE, pero si en FF en el foro de CSS en Foros del Web. Hola, dispongo de un menu CSS con listas (<ul><li.......</ul>). La cosa esta en que en firefox va todo bien, pero en explorer, no puedo más ...
  #1 (permalink)  
Antiguo 07/08/2008, 05:33
 
Fecha de Ingreso: junio-2005
Mensajes: 343
Antigüedad: 12 años, 6 meses
Puntos: 10
Menu CSS despliega bien en IE, pero si en FF

Hola, dispongo de un menu CSS con listas (<ul><li.......</ul>).

La cosa esta en que en firefox va todo bien, pero en explorer, no puedo más que seleccionar el primer elemento del desplegable. Me explico con el código:

Código:
<ul>
  <li><a href="/es/pagina/start.html">Inicio</a></li>  <li><a href="#">Cámara</a>    <ul>      <li><a href="/es/pagina/quienes-somos.html">Quienes somos</a></li>      <li><a href="/es/pagina/donde-estamos.html">Donde estamos</a></li>      <li><a href="/es/pagina/servicios.html">Servicios</a></li>    </ul>
  </li>  <li><a href="#">Trabajo</a>
    <ul>      <li><a href="/es/pagina/busco-trabajo.html">Busco trabajo</a></li>
      <li><a href="/es/pagina/ofrezco-trabajo.html">Ofrezco trabajo</a></li>    </ul>
  </li>
</ul>
Cuando me situio encima de Cámara, se me desplegan las opciones, entonces puedo ir a la opción Quienes Somos, pero no a la Donde estamos,entonces se cierra lo desplegado automáticamente.Igual pasa con el menu trabajo, solo puedo acceder a la primera opción.Aquí el código CSS:
Código HTML:
#navbar ul {    margin: 0;    padding: 0;}
#navbar ul li {    list-style: none;   float: left;  border-right: 1px dotted #FFFFFF;  line-height:26px;}
#navbar ul li a {    display: block;    padding: 3px 8px;     text-decoration: none;    color: #FFFFFF;    font-weight: bold; }
#navbar ul li a:hover {    color:#CCCCCC; }
#navbar ul li ul {    display: none;  }
#navbar ul li:hover ul, #navbar li.hover ul {    position: absolute;    /*left: 0;*/ display:block;    width: 150px;    margin: 0;    padding: 0; }
#navbar ul li:hover li, #navbar li.hover li { float:none; background-color:#7BA2CE; line-height:20px;}
#navbar ul li:hover li a, #navbar li.hover li a {    color: #FFFFFF;}
#navbar ul li li a:hover {    color: #FFFFFF; background-color:#003e71;}
Edito: He estado probando y es algo del Z-INDEX con los contenidos que hay debajo del menu. Alguién se le ocurre algo ??

Última edición por jorgivaz; 07/08/2008 a las 05:43 Razón: Prueba
  #2 (permalink)  
Antiguo 07/08/2008, 13:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menu CSS despliega bien en IE, pero si en FF

Haz este cambio en tu css. Cambia:

Cita:
#navbar ul li:hover li, #navbar li.hover li { float:none; background-color:#7BA2CE; line-height:20px;}
Por:

Cita:
#navbar ul li:hover li, #navbar li.hover li {width: 150px; background-color:#7BA2CE; line-height:20px;}
e incluso yo lo cambiaría por:

Cita:
#navbar ul li ul li, #navbar li.hover ul li {width: 150px; background-color:#7BA2CE; line-height:20px;
__________________
Visita mi nueva web idplus.org
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 19:22.