A problem with div positioning

Question

Hello! A have something like that:

It's OK but i want to add some Title block at the top of Content.

So it can be look like that:

I don't know what Title height will be, because there will be some dynamic content.

How to solve this problem?

Answer 1

why are you positioning all your divs in absolute?

anyways you can wrap Title and Content with 2 divs, the outer div must be in absolute and the inner div is a relative, and you can put an absolute positioning in your Title and Content

<div style="position:absolute">
  <div style="position:relative">
      <div style="position:absolute">Title</div>
      <div style="position:absolute">Content</div>
  </div>
</div>

Figure out the Top and Left of Title and Content, since it will not go outside the green and blue colors of your drawing..

I position absolute the outermost div since you are positioning all your divs in absolute. I assume you already have the measurements for all just like in your first drawing.