Foros del Web » Creando para Internet » CSS »

Menu horizontal en IE

Estas en el tema de Menu horizontal en IE en el foro de CSS en Foros del Web. Estimados tengo un menú horizontal que se puede ver en la siguiente web El problema que tengo en IE es que al desplegarse un submenu ...
  #1 (permalink)  
Antiguo 12/01/2011, 14:25
Avatar de Juanmax  
Fecha de Ingreso: diciembre-2005
Ubicación: Paraná, Entre Ríos , Argentina
Mensajes: 90
Antigüedad: 18 años, 4 meses
Puntos: 0
Pregunta Menu horizontal en IE

Estimados tengo un menú horizontal que se puede ver en la siguiente web

El problema que tengo en IE es que al desplegarse un submenu se corren los items del menu hacia abajo tantos espacios como submenú se despliegan. En Fire Fox se ve perfecto. Les dejo el CSS:

Código CSS:
Ver original
  1. -- Menú de Navegación -- */
  2. #nav{margin:0;position:absolute;top:10px;right:30px;
  3. /*margen con el div */}
  4. #nav li{
  5.     width:95px;
  6.     margin-bottom:0px;
  7.     margin-top:0px;
  8.     padding-bottom:0px;
  9.     float:left;
  10.     background:none;
  11.     text-align:left;
  12.     padding-top:0px;
  13.     color:#153E62;
  14.     font-family:Arial;
  15.     font-size:11px;
  16.     /*estilos especiales*/
  17.     list-style:none;
  18.     background:transparent;
  19.     position:relative;
  20.     cursor:default;
  21. }
  22. #nav li ul{padding-top:0px;
  23. margin:0;}
  24. #nav a{text-decoration:none;}
  25. #nav li a{ color: #153E62; font-weight: bold;}
  26. #nav li a:hover{text-decoration:underline;}
  27. #nav li li a:hover{text-decoration:none;}
  28. #nav li li{filter:Alpha(opacity=100,finishopacity=100,style=1);
  29. /* Transparencia en Internet Explorer */}
  30. #nav li li a{ display:block; color:#153E62; font-weight: normal; background-color:#CECECE;height:15px; padding-top:10px; }
  31. #nav li li a:hover{color:#153E62; background-color:#F6F6F6;
  32.  
  33. /* Transparencia en Otros navegadores */}
  34. li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:100%;left:0;}
  35. li>ul{top:auto;left:auto;}
  36. li li{float:left;border:0;display:block;background:transparent;}
  37. li:hover ul,li.over ul{display:block;}
  38.  
  39.  
  40. /* ESTILO DEL SEGUNDO NIVEL DE MENU */
  41. #nav ul li ul {display:none;}
  42. #nav ul li a:hover ul, #nav ul li:hover ul {display: block;position: absolute;left: 95px;top:-1px!important;top: -31px;}
  43. #nav ul li ul li a {width: 100px;background-color: #CECECE;color: #153E62;font-weight: bold;}
  44. #nav ul li ul li a:hover {color:#153E62; background-color:#F6F6F6;}
__________________
juanmax - GUERRERO Lab
  #2 (permalink)  
Antiguo 13/01/2011, 12:11
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 20 años, 4 meses
Puntos: 7
Respuesta: Menu horizontal en IE

Código CSS:
Ver original
  1. #
  2. #nav ul li a:hover ul, #nav ul li:hover ul {display: block;position: absolute;left: 95px;top:-1px!important;top: -31px;}
tienes dos top, cambia uno por margin-top o ponlo todo junto, mira si la posicion tiene que ser absolute, quita el display:block. puedes probar añadiendo un codigo solo para ie *#nav ul ....
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.

Etiquetas: horizontal
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 21:39.