Home/ Questions/Q 1074875
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T21:11:39+00:00

I can’t find a title for this because it’s a complicated issue. Let’s say

  • 0

I can’t find a title for this because it’s a complicated issue.

Let’s say i have this:

<div style="color:red;width:900px;height:250px;">
I Can Control This DIV
</div>

<div style="position:absolute;top:0px;color:green;width:40px;height:40px">
I CANNOT control this DIV
</div>

Is there any way for the first div to reserve it’s area and the 0px should be beneath it.

I mean i want the second div to stay beneath the first div like it’s inside an iframe BUT i don’t want to use iframes or frames at all.

Any way? i don’t have a prob if it’s Javascript solution.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can enclose second div in position:relative container. This way, top:0px will be counted from that div and not the whole window:

    http://jsfiddle.net/z9KbD/

    Explanation is in definition of position:absolute: Generates an absolutely positioned element, positioned relative to the first parent element that has a position other than static.

    • 0