Foros del Web » Creando para Internet » CSS »

Menú desplegable dentro de div flotante

Estas en el tema de Menú desplegable dentro de div flotante en el foro de CSS en Foros del Web. Hola a todos: Intento meter un menú despleglable hecho en Js dentro de un div flotante, el código del div flotante es este: Código HTML: ...
  #1 (permalink)  
Antiguo 01/12/2010, 13:06
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Menú desplegable dentro de div flotante

Hola a todos:
Intento meter un menú despleglable hecho en Js dentro de un div flotante, el código del div flotante es este:
Código HTML:
#menulateral{
    width: 25%;
	float: left;
/*	background-color:#FFFFFF;*/
   	border: 1px solid #00599B;
	margin-right:15px;
	}
Intenté ponerles el código del manú desplegable pero no me deja el foro por la cantidad de texto.
Puedo decirles que es un menú sacado del programa Script Master en menú se llama SlideMenu.

Lo básico que quiero saber es cómo poner nenús desplegables dentro de un div flotante y que me funcionen correctamente, que todo lo que yo ponga dentro de un div floante no se me salga de ahí, que el div me funcione paracido a un frame o un iframe (+ -) no quiero ni frama ni iframe pero bueno puse el ejemplo para que me entendieran.
Cómo hago¿?

Salud2 y gracias de Antemano
  #2 (permalink)  
Antiguo 01/12/2010, 13:22
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Menú desplegable dentro de div flotante

¿probaste con un ancho fijo?
  #3 (permalink)  
Antiguo 01/12/2010, 13:41
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Menú desplegable dentro de div flotante

Cita:
Iniciado por opzina Ver Mensaje
¿probaste con un ancho fijo?
Probé y nada
  #4 (permalink)  
Antiguo 01/12/2010, 13:51
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Menú desplegable dentro de div flotante

El código JS maneja anchos y altos?

Quizás el menú hecho en js tenga medidas que superen a la caja.
  #5 (permalink)  
Antiguo 01/12/2010, 14:06
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Menú desplegable dentro de div flotante

Cita:
Iniciado por opzina Ver Mensaje
El código JS maneja anchos y altos?

Quizás el menú hecho en js tenga medidas que superen a la caja.
Mira si tienes el ScriptMaster pudes ver el JS de llama Slidemenu hechale un vistazo a ver cómo puedo hacer.
  #6 (permalink)  
Antiguo 01/12/2010, 14:29
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Menú desplegable dentro de div flotante

Cita:
Iniciado por eljuank1982 Ver Mensaje
Mira si tienes el ScriptMaster pudes ver el JS de llama Slidemenu hechale un vistazo a ver cómo puedo hacer.
Esto ya es javascript, no corresponde a este foro.
  #7 (permalink)  
Antiguo 01/12/2010, 15:54
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Menú desplegable dentro de div flotante

Cita:
Iniciado por opzina Ver Mensaje
Esto ya es javascript, no corresponde a este foro.
Si te das cuenta mi pregunta fundamental es cómo meter un menú desplegable dentro de un div flotante que que no se me salga de ahí ni nada, que me trabaje bien y que si muevo el div flotante siga dentro del mismo y todo vaya bien.
Saludos, por eso esto sigue siendo css.
  #8 (permalink)  
Antiguo 01/12/2010, 19:52
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Menú desplegable dentro de div flotante

display: inline; ??

overflow: hidden; /* evita que el contenido se salga fuera de la caja */

Investiga un poco más sobre elementos con float. Siempre es mejor poner overflow:hidden a la caja contenedora (padre) del elemento contenido (hijo)

Saludos.

Última edición por opzina; 01/12/2010 a las 20:35
  #9 (permalink)  
Antiguo 02/12/2010, 07:43
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Menú desplegable dentro de div flotante

Cita:
Iniciado por opzina Ver Mensaje
display: inline; ??

overflow: hidden; /* evita que el contenido se salga fuera de la caja */

Investiga un poco más sobre elementos con float. Siempre es mejor poner overflow:hidden a la caja contenedora (padre) del elemento contenido (hijo)

Saludos.
Sigo igual, o sea dentro del Js tambien hay unos div que tienen position absolute y como único logro que entre dentro de mi div float es cambiandolos a relative pero entonces el compotamiento no es el deseado. Es una pena que no pueda poner el código Js completo, Ha!! pero sí se me ocurre poner el css que está al inicio del código Js para ver si dan con lo que tendría que poner para que todo esto se comporte bien dentro de un div flotante.

Aquí va el css que está al inicio del Js:

Código HTML:
<style type="text/css">
DIV.clSlide{position:relative;  ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:relative; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:relative; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:relative; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy}
</style> 
Saludos Gracias por la atención y atento al tema.
  #10 (permalink)  
Antiguo 02/12/2010, 08:15
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: Menú desplegable dentro de div flotante

Para que el position: absolute; tome las coordenadas de la caja "contenedora", esta última debe tener declarada la propiedad position: relative;


EJ:

#todo {
position: relative;
}

#particular {
position: absolute;
top: valor;
left: valor;
}
  #11 (permalink)  
Antiguo 02/12/2010, 10:49
 
Fecha de Ingreso: abril-2010
Ubicación: La habana
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Menú desplegable dentro de div flotante

Puse esto para que el div contenedor siguiera flotante pero con positio relative y nada ahora se desaparece todo, cómo hago que flote con posición relativa para lo que esté dentro trabaje con posición absoluta.

Código HTML:
#menulateral{
                width: 25%;
	float: left;
	position:relative;
   	border: 1px solid #00599B;
	margin-right:15px;
	overflow: hidden; 
}
Al tanto..

Etiquetas: desplegable, flotante
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 15:00.