como posicionar un div ?

[oscarbt]

Hola a todos, tengo un div donde muestro los resultados de un suggest,
Le he colocado position: absolute ..
Pero los resultados me los muestra debajo del input siempre y cuando este cerca a este, pero si bajo el scrol del navegador, los resultados se muestran mas abajo

Aca la imagen:



Como pueden ver en el input donde esta escrita la letra e, deberia aparecer el listado de examenes, pero me aparecen muy abajo

Entonces que posicion deberia colocarle al div ?

Agradezco me puedan colaborar..

[ArturoGallegos]

que te parece simplemente dejarlo sin especificar la propiedad position, no es forzoso aplicar propiedades position o float si no las requiere, en tu caso jugando adivinanzas diría que no necesitas aplicarlo .

[Eucodance]

Pone el css del div aunque sea :P

[C2am]

Adivina Adivinador:

El div y el input están dentro del mismo contenedor??? Quién sabe
El contenedor tiene definida la propiedad position, o float?

Se verá una vez muestres el código.
Ya con más de 800 mensajes deberías conocer las reglas del foro, es decir dar las mayores precisiones posibles del problema en cuestión, y como estamos en el foro de CSS, lo que vale es?, sí el código CSS, más el HTML donde se aplican los estilos.

Saludos

[oscarbt]

Bueno realmente es una tabla y dentro de una celda tengo la capa;

Código HTML:

<table>
<tr>
<td>DIAGNOSTICO</td>
<td><input type="text" onkeyup="suggest(parametros)" /><div id="busqueda" style="position: absolute;"></div></td>
</tr>
</table>
 

Y dentro del div con id=busqueda, se muestra otro div que recarga el autosuggest:


el css de ese div interno es:

Código CSS:

.suggest{
    background: #FFFFFF; overflow:auto;
padding-right: 0px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px;
border-right: #FFFFFF 1px solid; border-top: #0B0B61 1px solid;
scrollbar-arrow-color : #0B0B61; scrollbar-face-color :#E0DEDE;
scrollbar-track-color :#333333 border-left: #0B0B61 1px solid; 
border-bottom: #FFFFFF 1px solid;
position: relative; height:100px;  width: 500px
}
 

y el html

Código HTML:

<div class='suggest'>
//aca todo lo del suggest
</div>
 

[pzin]

Iniciado por C2am

Adivina Adivinador:

El div y el input están dentro del mismo contenedor??? Quién sabe
El contenedor tiene definida la propiedad position, o float?

Iniciado por oscarbt

Bueno realmente es una tabla

Algunos lo ponen difícil.


oscarbt (con bt no te estoy invitando a marchar ni mucho menos ) cuando pones a un elemento posicionado absolutamente, este "sale" del flujo normal de HTML. Para evitar esto, intenta colocarlo donde quieres de otra forma, o posiciona el elemento que lo contiene con posición relativa.

Por otro lado, dices que lo tienes en posición absoluta, y ahora me fijo que está en posición relativa. Vaya cacao.

[oscarbt]

Iniciado por Bonez

Por otro lado, dices que lo tienes en posición absoluta, y ahora me fijo que está en posición relativa. Vaya cacao.

El div donde recargo tiene posicion absolute.
Dentro de ese div hay otro div que es el que me muestra el suggest y ese si es el que tiene posicion relative .....

[pzin]

Vale, metí la gamba pues.

De todas formas, sería al revés, #busqueda con posición relativa y .suggest con posición absoluta.

[oscarbt]

Muchas gracias Bonez.....he cambiado las posiciones y listo!!!