La situación se reduce a una capa contenedora a la cual voy a ir añadiendo contenido mediante jQuery. Dicho contenido es variable por lo que necesito que la altura de la capa contenedora se ajuste a la altura del contenido.
En diseño web esto lo he solucionado con el consabido <div class="clear"></div> que en este caso no me hace ningún efecto. También he probado overlfow's varios, height:auto.....sin nigún resultado positivo.
He leído que debo ir incrementando la altura dependiendo del contenido que le vaya introduciendo. De entrada me parece una solución muy costosa ya que el nivel de anidamiento puede llegar a ser muy grande y veo muy poco productivo tener que revisar todos los contenedores y actualizar su altura manunalmente.
Este sistema me ha funcionado bien cuando el contenido a introducir era un número indeterminado de capas de una altura conocida. Simplemente, en el bucle iba almacenando el número de capas introducidas y multiplicaba por la altura. El problema ha sido cuando lo que he tenido que introducir ha sido texto de longitud variable ya que no he tenido manera de recuperar la altura de la capa con el texto. Para mostrarlo en un código de ejemplo, al hacer:
$('#mi_capa').html("Lorem ipsum dolor sit amet...");
nueva_altura = $('#mi_capa').css("height");
La segunda línea me devuelve 0, como si no hubiera actualizado todavía la altura al contenido recién introducido.
Alguien se ha encontrado con este problema y conoce una buena manera para resolverlo?
Se agredece cualquier ayuda o consejo. Gracias por adelantado.
