Question

I have a big div with a big background-image. Now I want to create some div‘s and to put them over some elements in the background image, then use qTip2 to give some explanations. In the middle I want to put a form.

<div id="bigdiv" style="background-image:url('back.jpg')">
    <div id="qtipbox1"></div>
    <div id="qtipbox2"></div>
    <div id="form"></div>
</div>

The problem is: if I use position relative for the qTip boxes the form goes down. If I use absolute position, results are different as I resize window.

What do I have to do?

Answer 1

It’d help if you’d share the relevant code or (even better) put up a sample on JSFiddle.

Anyhow, you use position: relative on the container div with the big background image and then use position: absolute on the elements inside. That way, they should be absolutely positioned relatively to the container.