Foros del Web » Creando para Internet » CSS »

Cómo posicionar este bloque?

Estas en el tema de Cómo posicionar este bloque? en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 27/03/2008, 10:17
Avatar de Mikimoto74  
Fecha de Ingreso: enero-2005
Mensajes: 88
Antigüedad: 12 años, 11 meses
Puntos: 2
Cómo posicionar este bloque?

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!
  #2 (permalink)  
Antiguo 27/03/2008, 11:44
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Cómo posicionar este bloque?

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.
  #3 (permalink)  
Antiguo 27/03/2008, 15:08
Avatar de Mikimoto74  
Fecha de Ingreso: enero-2005
Mensajes: 88
Antigüedad: 12 años, 11 meses
Puntos: 2
Re: Cómo posicionar este bloque?

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.
  #4 (permalink)  
Antiguo 28/03/2008, 03:55
Avatar de Mikimoto74  
Fecha de Ingreso: enero-2005
Mensajes: 88
Antigüedad: 12 años, 11 meses
Puntos: 2
Re: Cómo posicionar este bloque?

Alguna ayuda por favor?
  #5 (permalink)  
Antiguo 28/03/2008, 05:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Cómo posicionar este bloque?

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

Mikel.
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 12:06.