Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 31-jul-2006, 08:35   #1 (permalink)
Avi
Avi ha deshabilitado el karma
 
Avatar de Avi
 
Fecha de Ingreso: junio-2006
Mensajes: 4
Pregunta Problemas con menu desplegable

Hola,
tengo una página con tres capas: un menú superior, uno lateral y una sección de contenidos.
El menú superior es una lista de dos niveles, con css simulo un menú de navegación desplegable.
El problema que tengo es que con Firefox se despliegan las opciones del menú superior, pero no puedo seleccionarlas. Es decir, al pasar el cursor por las opciones de primer nivel de la lista, se despliegan las de segundo nivel, hasta ahí todo bien, pero cuando quiero llevar el cursor hacia una de las opciones del segudo nivel, éstas desparecen. Lo extaño es que no sucede lo mismo con IE.
Cualquier ayuda que puedan brindarme será bien recibida,
desde ya, muchas gracias.

Este es el código que estoy usando:
<div id="mSup">
<ul id="nav">
<li>Opcion 1
<ul>
<li><a href="#">Subopcion 1</a></li>
<li><a href="#">Subopcion 2</a></li>
</ul>
</li>
<li>Opcion 2
<ul>
<li><a href="#">Subopcion 1</a></li>
<li><a href="#">Subopcion 2</a></li>
</ul>
</li>
</ul>
</div>
<div id="mIzq">
<ul>
<li> Opciones
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
</ul>
</li>
<li> Mas opciones </li>
</ul>
</div>
<div id="contenido">
Muchos párrafos
</div>

CSS:
/*
Menu Superior
************************************************** *******/
div#mSup ul {
padding: 0;
margin: 0;
list-style: none;
}

div#mSup li {
float: left;
position: relative;
width: 10em;
}

div#mSup li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}

div#mSup li>ul {
top: auto;
left: auto;
}

div#mSup li:hover ul, div#mSup li.over ul {
display: block;
}


/*
Menu lateral
************************************************** *******/
div#mIzq {
clear: left;
position:absolute;
top: 120px;
left:0;
width:20%;
height:inherit;
}


/*
Contenidos
************************************************** *******/
div#contenido {
clear: left;
position: absolute;
top: 120px;
left:20%;
width: 80%;
min-width:350px;
height:inherit;
}
Avi está desconectado   Responder Citando
Antiguo 01-ago-2006, 05:41   #2 (permalink)
Avi
Avi ha deshabilitado el karma
 
Avatar de Avi
 
Fecha de Ingreso: junio-2006
Mensajes: 4
Problema resuelto!!
sólo faltaba asignar la propiedad z-index, de esa forma los menú se despliegan por encima de los divs inferiores....

De todas formas gracias a quien haya intentado ayudarme
Avi está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:19.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93