Layer positioning - IE vs Netscape and Firefox

liunx

Guest
First off, I apologize if this has been answered on this forum. I have searched it as well as Google for over an hour to try to find someone with a similar problem, to no avail!

My problem is a layer (<div>) position discrepancy between IE and Netscape/Firefox.

<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>
<div id="articletext" style="position:absolute; width:325px; height:252px; z-index:1; overflow: auto; visibility: visible;" class="standardtext"><?php print nl2br($project["Description"]) ?></div>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"/images/spacer.gif" width="5" height="252"></td>
</tr>
</table>

In IE it looks fine. I simply have a layer within a table cell with no left/top positioning. I use it to display scrolling text within a page. In Netscape and Firefox, when you load the page it shows the layer about 15-20 pixels to the right of where it should be. If you refresh the browser it shows the layer positioned correctly. So, I know the browser knows where it SHOULD be, but why doesn't it display it correctly from the start?

Anyone have any ideas?

Thanks!
Matt TyreeI'm no CSS expert but I'm thinking margin:0; padding:0;You mean for the layer? I can try it.

I guess the big mystery is why it shows fine when you hit refresh. Seems that if it was a margin or padding issue then it would process it the same whether it was the first load or a refresh.
 
Back
Top