Posicionamiento exacto de una capa debajo de un boton

[mdromed]

Hola vereis, tengo una web hecha a base de float:left, con anchos y altos dinamicos, es decir, que redimensionando la ventana del navegador tambien se redimensiona el contenido de la pagina ya que va con % en el ancho y alto.

El caso es que tengo un menu horizaontal con varias opciones, debajo de las cuales quisiera mostrar un submenu con mas opciones.
El problema es que la capa que contiene el submenu no sé como colocarlo justo debajo de la opcion que corresponda y que no se mueva de ahí ni siquiera al redimensionar la ventana del navegador.
Es decir, quiero que en todo momento los submenús desplegados permanezcan justo debajo de la opcion del menú que los ha activado.

No se si me he explicado bien.
Muchas gracias de antemano por vuestra ayuda!

[alexk]

pues sino pones el codigo o la url del problema, ya me diras como te ayudamos...

pero bueno, no importa si es un diseño liquido el que tienes o estatico,
si el submenu que supongo que esta con "position:absolute", le das la posicion con su respectivo "position:relative" al contenedor padre, no dara problema es decir.

Código CSS:

.menu li:hover{position:relative;}
.menu li:hover ul{display:block;}
.menu li ul{display:none;position:absolute;left:0;top:40px;/*alto del menu*/}
 

por ejemplo

[mdromed]

Hola de nuevo.
Realmente el menu ahora mismo es solo una <ul> , pero otras veces que he intentado hacer dicho menu desplegable siempre me ha pasado esto que propongo: siempre al redimensionar la ventana del navegador no se me situa la capa del submenu justo debajo del boton "padre".

El problema es que mi diseño NO es estatico. Es dinamico.
Los position:absolute no me valen

[alexk]

Iniciado por mdromed

Hola de nuevo.
Realmente el menu ahora mismo es solo una <ul>

una sola <ul> para submenus? :S....

Iniciado por mdromed

siempre al redimensionar la ventana del navegador no se me situa la capa del submenu justo debajo del boton "padre".

El problema es que mi diseño NO es estatico. Es dinamico.
Los position:absolute no me valen

si aplicas mal las posiciones sea estatico o absoluto, fallara, no tiene nada que ver...
como te digo antes diciendo "tengo problema", "no me vale" sin probar ni mostrar codigo, ya me diras como te ayudamos ... suerte

[mdromed]

A ver si me explico bien....

Si yo tengo una capa con 75% de ancho de la pantalla, centrada en la pantalla y que es la que contiene a todos los elementos de la web... y tengo una lista horizontal como menu en la parte superior.
¿Como hago para mostrar una capa (que estaba invisible) justo en la zona donde esta ese boton del menu, pero que no actue como bloque, es decir que no altere el layout de la pagina, si no que se superponga por encima de todos los elementos como elemento flotante?
Pero, insisto, necesito que la capa que hago visible se ponga justo debajo de la opcion del menu que corresponda.
DIgamos que lo quiero usar a modo de "alt" o "ToolTipText", pero poder personalizarlo con CSS como yo quiera.

[alexk]

R... #2... creo que ni lo haz intentado... pero bueno mira en http://araudi.net/ o en las FAQS pero encontraras lo mismo... repito da igual si es estatico o no tu layout... ...

[mdromed]

Iniciado por alexk

R... #2... creo que ni lo haz intentado... pero bueno mira en http://araudi.net/ o en las FAQS pero encontraras lo mismo... repito da igual si es estatico o no tu layout... ...

Creeme, sí que lo he intentado y no me sale bien.
Es que el ejemplo de esto mismo en la pagina de araudi lo hacen con position:absolute desde la parte izquierda de la web. Y esa posicion nunca varia. Asi es mas facil.
Pero cuando el ancho de la web es dinamico y dichos elementos esten en el centro de la pantalla mas o menos, ¿Crees que se mantendrán ahi al redimensionar la ventana del navegador?
Voy a volver a intentarlo a ver si me sale.

Muchas gracias por tu ayuda

[alexk]

eso no es un menu :S...
ademas no tiene nada que ver te repito...
ese ejemplo no lo ponen desde la parte izquierda de la web sino de la parte izquierda del <a> que es el elemento relativo... donde se mueva da igual... alli mismo tienes ejemplos de submenus desplegables...
repito desde el #2... si pones tu codigo... podriamos ayudarte con mas precision...

[mdromed]

Iniciado por alexk

eso no es un menu :S...
ademas no tiene nada que ver te repito...
ese ejemplo no lo ponen desde la parte izquierda de la web sino de la parte izquierda del <a> que es el elemento relativo... donde se mueva da igual... alli mismo tienes ejemplos de submenus desplegables...
repito desde el #2... si pones tu codigo... podriamos ayudarte con mas precision...

Ok si no soy capaz de hacerlo con las instrucciones que me has dado pongo el codigo ok?
Gracias