Question

Is it possible to position an element within a relative positioned container absolute to the document?

Following code:

<div id="container1" style="position: relative">
    <div id="container2" style="position: absolute; top: 5px; left: 5px">
        I will be positioned inside my parent!!
    </div>
    <div id="container3" style="position: absolute;">
        I would like to be positioned relative to the document. But how?
    </div>
</div>

I know that moving container3 out of container1 would be a solution, but let’s assume that’s not possible because I have no control over the template, only over the CSS.

Answer 1

No mate, sorry you cant. If you know how far your div is from the top, you can push it towards your spot using negative values, but it will always be relative to your parent div.