Home/ Questions/Q 7577385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T17:10:19+00:00

DIV1 (relative positioning) has a variable number of other DIVS (absolute positioning) inside of

  • 0

DIV1 (relative positioning) has a variable number of other DIVS (absolute positioning) inside of it. The quantity of these absolute divs depends on how many items are retrieved out of a database. Therefore I cannot specify a height for DIV1. As a result, content after DIV1 (such as table ‘section2’ end up beneath the divs.

Is there a simple way to make DIV1 push down any content coming after. Thx.

<div id='DIV1' style='position:relative;'>
  <div style='position:absolute;top:0px;left:0px;width:285px;height:74px;'>
  ....
</div>

<table id='SECTION2'>
<tr>
<td>ITEM A</td>
<td>ITEM B</td>
<td>ITEM C</td>
<td>ITEM D</td>
</tr>
...
</table>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is no simple (non-javascript) way as long as the contents are absolutely positioned. You should rethink your design so these items use relative or static (normal) positioning.

    The whole point of absolute positioning is to have no effect on the rest of the document.

    • 0