posición de div css

He buscado por todas partes y parece que no puedo encontrar la respuesta correcta. Todos estos div se crean dinámicamente desde la base de datos. ex.

<div class="accordian_header"><div class="title"> any title </div></div>
<div class="accordian_body">
    <div class="topleft"> info....</div>
    <div class="topright"> info...</div>
</div>

ahora quiero que la clase "superior izquierda" esté en la parte superior izquierda del div "accordian_body" y que "superior derecha" esté en la parte superior derecha. El problema es que si les asigno una posición: absoluta, entonces se van a la parte superior derecha de la página. Si elijo cualquier otro tipo de posicionamiento no funciona.

Ahora, si hago que "accordian_body" se establezca en position: absolute , entonces topright y topleft funcionan. El problema es que los estoy creando todos dinámicamente para que no puedan ser absolutos. Deben crearse uno encima del otro y no dejar ningún atributo de posición funciona perfectamente para eso. Descubrí que para "arriba a la izquierda" y "arriba a la derecha" puedo usar float: left o right y eso funciona, pero si quiero texto o una imagen en la parte superior o inferior, no tengo suerte hasta ahora.

preguntado el 12 de junio de 12 a las 22:06

2 Respuestas

Intenta configurar position: relative para .accordion_body. Luego, los elementos absolutamente posicionados dentro de él prestarán atención a ese contenedor en lugar de a cualquier ancestro que estén usando, sin interrumpir el flujo normal de su documento.

Respondido el 12 de junio de 12 a las 22:06

Haz el contenedor relative, entonces puedes posicionar absolutamente a los niños.

CO

.accordian_body {
    position: relative;
}
.topleft {
    position: absolute;
    top: 0;
    left: 0;
}
.topright {
    position: absolute;
    top: 0;
    right: 0;
}

Respondido el 12 de junio de 12 a las 22:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.