Question

I have a DIV with some text inside. But the height of the DIV starts at 0px, it also has an ‘overflow:hidden’. After that i’m using an animation system to increase the height of the DIV. But i can’t give the DIV a fixed height because the length of the text inside the DIV varies.

Is there a way to tell what the height of the DIV will be when its big enough to fit all content inside it?

Answer 1

Maybe you can try this:

Put the text inside another DIV like…

<div>
   <div>some text</div>
</div>

Then animate the outer div (which as an hidden overflow) according to the height of the inner div (which has not an hidden overflow).

Hope this helps