Layers & browser compatibility

message from jbellybean on 21 Jul 2004

I'm using PVII snap layers and that extension is working fine - as the browser
window is resized, the layers move along with it.

However, I find that my layers are located differently depending on the
browser that I use. In IE 6, when I mouse over one of the thumbnails on the
right of the page, the layer (using hide/show layers behavior) shows up in the
perfect location. Using Netscape 7.1, the layers are located about 40 pixels
left and 40 pixels lower than in IE.
example at http://www.semlorimages.com/kiting.htm

suggestions? solutions? thanks.
jk

Murray *TMM* replied to jbellybean on 22 Jul 2004

This almost always means that you have placed them inside a table on your
page -

<td rowspan="10" align="center" valign="middle" bgcolor="#8395A4"> <img
src="images/spacer.gif" width="1" height="1"
onMouseOver="P7_Snap('semlorimage','lkite0',100,50)">
<div id="lkite0" style="position:absolute; width:436px; height:395px;
z-index:1; top: 81px;">

- like that. Never put absolutely positioned page elements directly into a
table cell.

The solution is to remove each of the layer's code from the table and drop
it back into the page's code either directly below <body> or directly above
</body>.

Archived message: Layers & browser compatibility (Macromedia Dreamweaver)