Foros del Web » Creando para Internet » CSS »

problema en Mozilla con div con scroll

Estas en el tema de problema en Mozilla con div con scroll en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/12/2006, 09:08
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4
Antigüedad: 17 años, 3 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;
}
  #2 (permalink)  
Antiguo 21/12/2006, 16:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: problema en Mozilla con div con scroll

Buenas.
Yo no veo ningún problema en tu código. Igual deberías añadir el html con el que estás haciendo funcionar esta css para ver si el problema está en ahí.

Mikel.
  #3 (permalink)  
Antiguo 21/12/2006, 17:19
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Re: problema en Mozilla con div con scroll

desde ya gracias.....
el codigo html del menu es este:

<ul id="menumain">
<li> <p> La Fiesta </p>
<ul>
<li><a href="index.php?Origen"> Origen </a></li>
<li><a href="index.php?Objetivo"> Objetivo </a></li>
<li><a href="index.php?SuPueblo"> Su Pueblo </a></li>
<li><a href="index.php?Evolucion"> Evolucion </a></li>
<li><a href="index.php?Futuro"> Futuro </a></li>
</ul>
</li>
<li> <p> IV Edición </p>
<ul>
<li><a href="index.php?Informacion"> Información </a></li>
<li><a href="index.php?Actualidad"> Actualidad </a></li>
<li><a href="index.php?Gracias"> Gracias a...</a></li>
<li><a href="index.php?Deseos"> Deseos </a></li>
</ul>
</li>
<li> <p> Ediciones </p>
<ul>
<li><a href="index.php?EdicionI"> 1º edición </a></li>
<li><a href="index.php?EdicionII"> 2º edición </a></li>
<li><a href="index.php?EdicionIII"> 3º edición </a></li>
<li><a href="index.php?EdicionIV"> Proxima!!! </a></li>
</ul>
</li>
<li> <p> KRAC? </p>
<ul>
<li><a href="index.php?Somos"> Somos... </a></li>
<li><a href="index.php?KRACinicios"> Inicios </a></li>
<li><a href="index.php?KRACmotivacion"> Motivacion </a></li>
<li><a href="index.php?servicios"> Servicios </a></li>
</ul>
</li>
</ul>

y el contenido simplemente:
<div id="contenido">
{Contenido}
</div>

con php {Contenido} se reemplaza por el contenido a mostrar.

como veras nada raro, el codigo html no creo que sea. Ten en cuenta que el problema surge cuando le coloco el scroll, sino anda al pelo.
  #4 (permalink)  
Antiguo 21/12/2006, 18:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: problema en Mozilla con div con scroll

Sí, la verdad es que el html es simple y claro. Yo creo que esto debía ser un bug que ya está solucionado porque con firefox 1.5.0.9 lo veo perfectamente, aunque lo que me escama es que sea la primera vez que lo veo.

Mikel.
  #5 (permalink)  
Antiguo 21/12/2006, 19:28
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Re: problema en Mozilla con div con scroll

te entiendo, pero bueno es una situacion particular (ese scroll!!!!). Como puse al comienzo en versiones recientes de Mozilla anda bien, por lo que asumamos que es un bug......hasta en el IE anda, no creo que sea el codigo.
  #6 (permalink)  
Antiguo 21/12/2006, 19:30
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Re: problema en Mozilla con div con scroll

disculpame....GRACIASSSSSSSSSS por responderme
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 18:35.