Home/ Questions/Q 5970727
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T20:24:58+00:00

I have some html that is inserted dynamically with javascript. I have position:absolute; so

  • 0

I have some html that is inserted dynamically with javascript. I have position:absolute; so that it does not affect the layout of the page elements. However, when a flash message appears on the top of the page, all of the elements shift down except for the absolutely positioned element. So it seems that I want to combine properties of absolute and relative positioning. How do I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add position:relative; to the highest-level element which you think describes “the page”. For example:

    <body>
    <div id="popup>
        <!-- "flash" popup message is inserted into DOM here -->
    </div>
    <div id="main content" style="position:relative;"><!--THIS IS "THE PAGE"-->
        ...
            ...
                <!-- your "absolutely" positioned element -->
            ...
        ...
    </div>
</body>

    edit: This is an excellent demo by thirtydot which perfectly illustrates the concept: http://jsfiddle.net/qGTw6

    • 0