Posted by APT on 12/25/63 11:39

Any ideas on using absolute positioning inside a table.

I gave a table the class:

table.contain {
position: relative;
}

Then I positioned an image and a box within the table:

img.web {
position: absolute;
top: 118px;
left : 88px;
}

..box {
position: absolute;
top: 110px;
left : 80px;
height: 211px;
width: 276;
border-width: 1px;
border-style: dashed;
border-color: #fff;
}


Here are the relevant html bits:

<table width="800" height="600" border="0" align="center" cellpadding="0"
cellspacing="0" class="contain">


<tr>
<td height="265" background="images/winter_midleft.jpg">

<div class="box"></div>
<img src="images/spacer.gif" class="web">
</div>

</td>

It works great in IE. Just how I want it to look.
But it is all over the place in mozilla.

Have a look - http://www.hooligandesigns.com/web.php

Any idea how to get this to work in both???

Thanks in advance.

[Back to original message]