Menú desplegable dentro de div flotante

[eljuank1982]

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

[opzina]

¿probaste con un ancho fijo?

[eljuank1982]

Iniciado por opzina

¿probaste con un ancho fijo?

Probé y nada

[opzina]

El código JS maneja anchos y altos?

Quizás el menú hecho en js tenga medidas que superen a la caja.

[eljuank1982]

Iniciado por opzina

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.

[opzina]

Iniciado por eljuank1982

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.

[eljuank1982]

Iniciado por opzina

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.

[opzina]

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.

[eljuank1982]

Iniciado por opzina

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.

[opzina]

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;
}

[eljuank1982]

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..