Any ideas on how to fix the problem of layers looking different in different browsers, Safari Firefox IE etc..?

www.krmfg.com/mission_19/blogs_2005.htm

When I look at this site on my PC using Firefox it looks fine but when I look at it on a Mac using Firefox, Safari, or IE it's not aligned the same way. I'm using layers so that I can control scrolling.

Any and all help is greatly appreciated.
thx
justin

From my perspective, that is why I don't rely on layers... browser support is sporadic and inconsistent.
Just my 2 cents - hope you find a solution.

<b>Jeremy Conn</b>
www.conncreativemedia.com
DWMX2004 | ASP/VB | Access/SQL2000

Justin,
There are 2 ways I can think of to accomplish what you are trying to do WITHOUT layers:

<b>IFRAME</b>
Negative: Requires a second page, and older browsers (real old) cannot display
- Simply place this code into your page to display a 300 x 300 'mini-window' that displays another page within

&lt;iframe src="second-page.asp" height="300" width="300" frameborder="0"&gt;&lt;/iframe&gt;


<b>DIV WITH HIDDEN OVERFLOW</b>
Negative: All hidden content is still on current page, potentially slowing load time
- Simply place this code into your page to display a 300 x 300 'mini-window' that displays DIV content within

&lt;DIV style="BORDER: 0px; OVERFLOW: auto; WIDTH: 300px; HEIGHT: 300px;" align="center"&gt;
Content goes here
&lt;/DIV&gt;

<b>Jeremy Conn</b>
www.conncreativemedia.com
DWMX2004 | ASP/VB | Access/SQL2000

Edited by - connman21 on 18 Apr 2006 06:16:28