Setting App Div relative to a Table

Question

Hi. I'd like to set an AppDiv relative to a specific Table cell. So its x-y coordinates are 'locked' witin that cell, but the cell - and its table - may float within  the page (for example, always in the center). How to?
Thanks in advance...

Answer 1

First you would insert a relatively positioned <div> container in the table <td> cell (see below)
<td>
<div id="holder" style="position: relative;">
</div>
</td>
Then in the relatively positioned <div> container you would insert your absolutely positioned <div> (see below)
<td>
<div id="holder" style="position: relative;">
<div id="positioned">This is an absolutely positioned container</div>
</div>
</td>
Use some css to style and position the absolutely positioned <div>
#positioned {
position: absolute;
left: 0;
top: 100px;
width: 250px;
height: 200px;
background-color: #FC3;