Positioning of controls

See more:

Javascript

HTML

I am working in a project in which i need to arrange controls by defined position in a repeatable control.

I use table as a repeatable control but when I set position of a cell relative and set all children positions absolute then the cell doesn't get width and height.

I have tested this:

<table border="1" style="position:absolute;right:10px;top:20px">
    <tr>
        <td style="position:relative;"><div style="background-color:Red;width:100px;height:40px;position:absolute;top:0;right:0"></div></td>
    </tr>
    <tr>
        <td style="position:relative"><div style="background-color:blue;width:100px;height:40px;position:absolute;top:0;right:0"></div></td>
    </tr>

</table>

I need, each control appears in each cell.