Cómo posicionar este bloque?

[Mikimoto74]

Estoy intentando hacer una función de autocompletado con Ajax de forma que aparezca un bloque con las opciones justo debajo de un campo de búsqueda. Dicho bloque ha de aparecer solapado por encima de lo que haya inicialmente debajo (más abajo en la pantalla) del campo de búsqueda.

Estaba pensando en usar posicionado absoluto para el bloque de autocompletado. Pero el campo de búsqueda está en una página con contenido centrado, con lo cual a priori a diferentes resoluciones, el bloque absoluto aparecería descuadrado con respecto al campo de búsqueda.

Cómo lo podría solucionar para que aparezca siempre debajo junto al campo de búsqueda?

Se podría hacer también sin usar posicionamiento absoluto? que el bloque de autocompletado esté realmente dentro del flujo de la página, pero que al ampliarse con opciones se solape con lo que hay más abajo en la pantalla?

Espero haberme explicado bien. Saludos!

[Mikmoro]

Aunque no entiendo bien la consulta, supongo que podrías probar a ponerle una posición absoluta, y al a caja que lo contenga una posición relativa. Esto haría que su posición fuera absoluta con respecto a su contenedor.

Mikel.

[Mikimoto74]

Hola Mikmoro, gracias por la sugerencia. Ya había probado esto, y en efecto, el bloque de autocompletado permanece posicionado de forma absoluta con respecto al contenedor relativo y no se descuadra.

El problema ahora está en que al estar ambos bloques, el relativo y el absoluto, dentro de una cabecera de una altura limitada, el bloque absoluto, al pasarlo de display:hidden a display:block, aparece parcialmente oculto sólo dentro de los límites de la cabecera, no fuera de ella. He probado con overflow:visible pero no lo arregla.

[Mikimoto74]

Alguna ayuda por favor?

[Mikmoro]

Si pones el código o un link igual se puede ver qué ocurre.

Mikel.