Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/12/2006, 09:08
alcorvalan_1
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4
Antigüedad: 17 años, 4 meses
Puntos: 0
problema en Mozilla con div con scroll

Hola a todos, es la primer vez que hago una consulta en el foro, espero ser claro.
Tengo un problema con una pagina... pero solo lo he observado con versiones del Mozila. Si es un bug del Mozilla, fue corregido porque en la ultima versión anda bien, pero si es algo mal en el codigo de la pagina quiero corregirlo.
Con otros navegadores funciona bien.

La pagina tiene un menú horizontal desplegable, justo abajo del menú hay un div donde coloco el contenido de la pagina según la opción elegida. Todo anda bien, hasta que en este div del contenido le pongo overfow:auto (o scroll) con la idea de que este div tenga un tamaño fijo con una barra de scroll. Ahí aparece el problema, bastante raro........resulta que cuando se desplega un submenu, este queda encima del div de contenido (hasta aca todo bien) ... pero cuando el mouse (estando en el submenu) entra al área del div (que esta debajo del submenu), el submenu desaparece!!!!!!!!. Aclaro solo pasa cuando le pongo overfow:auto (o scroll).
Probe de todo en el codigo y nada, cambie varios atributos de las propiedades que pense que podia tener algo que ver: z-index, visibility, display....y ni me acuedo que mas...probe de todo. Pongo algo del codigo que en realidad no es muy complejo:
el div de contenido bien sencillo:
#contenido{
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
height:300px;
width:450px;
overflow: auto;
}
.....y el menu desplegable.....
#menumain
{
list-style:none;
margin:0;
padding:0;
}

#menumain li {
float: left;
position: relative;
display: block;
width: 100px;
height: 30px;
background-image:url(/imagenes/botonesmenu.gif);
background-position:0 0px;
cursor:default;
}

#menumain li ul {
display: none;
position: absolute;
left: 0;
top: 30px;
margin:0;
width:100px;
background-color: #66CC99;
padding: 0.5em 10px 1em 10px;
border-style:solid;
border-color:#6666CC;
}

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

#menumain li:hover, #menumain li.over{
display: block;
background-image:url(/fiestadelalana/imagenes/botonesmenu.gif);
background-position:0px -35px;
}