bgreenhouse
Technical User
Hi Folks
I have the following code:
in IE, it works fine, with the welcome layer in the top left, underneath the topbar layer (the reason the scripts that would normally be in the head aren't is because topbar is in an include file). However, in NN welcome layer is in about the right vertical position, but is about 10 px from the right side as opposed to the left side. Any suggestions?
Ben
I have the following code:
Code:
<head>
<title>Consulting</title>
<style>
#welcomelayer {position:absolute; left:7px; top:115px; width:170px; height:210px; z-index:1}
</style>
</head>
<body background="images/background.gif">
<div id="welcomelayer">
<table width="100%" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td>
<div align="right"><img src="images/welcome.gif" width="110" height="22"></div>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="right">
<font face="verdana" size="-2">Thursday, December 20</font>
</td>
</tr>
</table>
</div>
<style>
#topbar {position:absolute; left:0px; top:0px; z-index:1}
</style>
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
MM_preloadImages('images/top-bar_03_on.gif','images/top-bar_04_on.gif','images/top-bar_05_on.gif','images/top-bar_06_on.gif','images/top-bar_07_on.gif')
//-->
</script>
<div id="topbar">
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#c0c0c0">
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=109 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=484 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3> <a href="../index.html"><IMG SRC="images/top-bar_01.gif" WIDTH=251 HEIGHT=53 border="0" alt="Home Page"></a></TD>
<TD COLSPAN=4>
<IMG SRC="images/top-bar_02.gif" WIDTH=773 HEIGHT=53></TD>
</TR>
<TR>
<TD> <a href="expertise.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('expertise','','images/top-bar_03_on.gif',1)"><IMG SRC="images/top-bar_03.gif" WIDTH=108 HEIGHT=30 name="expertise" border="0"></a></TD>
<TD> <a href="people.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('people','','images/top-bar_04_on.gif',1)"><IMG SRC="images/top-bar_04.gif" WIDTH=109 HEIGHT=30 name="people" border="0"></a></TD>
<TD COLSPAN=2> <a href="clients.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('clients','','images/top-bar_05_on.gif',1)"><IMG SRC="images/top-bar_05.gif" WIDTH=107 HEIGHT=30 name="clients" border="0"></a></TD>
<TD> <a href="contact.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/top-bar_06_on.gif',1)"><IMG SRC="images/top-bar_06.gif" WIDTH=108 HEIGHT=30 name="contact" border="0"></a></TD>
<TD> <a href="download.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('download','','images/top-bar_07_on.gif',1)"><IMG SRC="images/top-bar_07.gif" WIDTH=108 HEIGHT=30 name="download" border="0"></a></TD>
<TD>
<IMG SRC="images/top-bar_08.gif" WIDTH=484 HEIGHT=30></TD>
</TR>
</TABLE>
</div>in IE, it works fine, with the welcome layer in the top left, underneath the topbar layer (the reason the scripts that would normally be in the head aren't is because topbar is in an include file). However, in NN welcome layer is in about the right vertical position, but is about 10 px from the right side as opposed to the left side. Any suggestions?
Ben