RE: the problem with layers

by "Samuel Bragg" <goomoo(at)hotmail.com>

 Date:  Mon, 24 Apr 2000 09:06:55 PDT
 To:  pbenoit(at)triton-network.com,
hwg-languages(at)hwg.org
  todo: View Thread, Original
here's the style sheet and the div's

<style type="text/css">
#divMask2{position:absolute; z-index:10; visibility:visible;}
#divMask1{position:absolute; z-index:10; top:0; left:0; visibility: 
visible;}
#divCont{position:absolute; top:50; left:0; overflow:hidden; width:100; 
height:80%; visibility:visible; z-index:5;}
#divText{position:absolute; visibility: visible; z-index:5;}
</style>

...

	function BuildNavBar() {
		str = "<span id=divCont><span id=divText><table width=100><tr><td 
align=center>"
		for (i=0; i<navArray.length; i++) {
			str += "<A CLASS='NavBarLink' HREF='<%= strRoot %>/modules/" + 
navArray[i][0] + "/" + navArray[i][1] + ".asp" + navArray[i][3] + "'>"
			//str += (IE4) ? "ONMOUSEOVER='NavRollover(" + i + ",1)' 
ONMOUSEOUT='NavRollover(" + i + ",0)'>" : ">"
			str += "<IMG ID='navicon" + i + "' SRC='<%= strRoot %>/themes/icons/" + 
navArray[i][0] + ".gif' BORDER=0>"
			//str += (IE4) ? "CLASS='NavBarIcon'>" : ""
			str += "<BR>" + navArray[i][2] + "</A><P>"
		}
		str += "</td></tr></table></span></span><span id=divMask1><table width=100 
border=0 cellspacing=0 cellpadding=0 height='10%'><tr><td align=center 
bgcolor='#808080' valign=middle height=50><a href='#' 
onmouseover='scroll(-10)' onmouseout='noScroll()'><img src='<%= strRoot 
%>/themes/icons/moreup.gif' border=0 alt=''><br><font 
color='#FFFFFF'>more</font></a></td></tr></table></span><table border=0 
cellspacing=0 cellpadding=0 height='92%'><tr><td></td></tr></table><span 
id=divMask2><table width=100 border=0 cellspacing=0 cellpadding=0><tr><td 
align=center bgcolor='#808080' valign=top height=50><a href='#' 
onmouseover='scroll(10)' onmouseout='noScroll()'><font 
color='#FFFFFF'>more</font><br><img src='<%= strRoot 
%>/themes/icons/moredown.gif' vspace=2 border=0 
alt=''></a></td></tr></TABLE></span>"
		return str;
	}

I figured out the IE4-5 problem, for some reason IE4 does not like the width 
and height attribute of the divs, where IE5 requires it. Netscape I still 
can't figure out. It works fine hard coded, but building it messes it up a 
bit.

Sam

>From: Peter Benoit <pbenoit(at)triton-network.com>
>To: "'David Mintz'" <mambomintz(at)yahoo.com>, hwg-languages(at)hwg.org
>Subject: RE: the problem with layers
>Date: Mon, 24 Apr 2000 09:10:26 -0400
>
>I've never seen a division which was positioned absolutely, not be so in
>Netscape.  For instance:
>
><DIV STYLE="position:absolute; top:10; left:20;">Hiya</DIV>
>
>Will show up at 10down 20over every time.  Can you show me what you're
>doing?
>
>TIA,
>Peter
>
> > -----Original Message-----
> > From:	David Mintz [SMTP:mambomintz(at)yahoo.com]
> > Sent:	Thursday, April 20, 2000 6:04 PM
> > To:	hwg-languages(at)hwg.org
> > Subject:	Re: the problem with layers
> >
> >
> >
> > --- Samuel Bragg <goomoo(at)hotmail.com> wrote:
> > > i have a dhtml scrolling script (jscript) that is
> > > being built in vbscript.
> > > it works fine in IE 4, but in IE5, the layer that
> > > contains the icons does
> > > not show. in netscape, everything is shown, but not
> > > positioned properly,
> > > it's not layering, instead it's all one after the
> > > other running down the
> > > left side.
> >
> > I have experimented with absolutely-positioned DIV
> > layers and found the same problem -- that Netscape
> > does not always display them correctly. I drove myself
> > crazy for a while before reluctantly giving up and
> > going back to tables for positioning elements. And I
> > don't have time to browser-sniff and redirect to x
> > different parallel versions of the same site depending
> > on each browser's peculiarities.
> >
> > David Mintz
> > Web Design & Hosting http://www.dmintzweb.com
> > Personal http://www.panix.com/~dmintz
> >
> >
> > __________________________________________________
> > Do You Yahoo!?
> > Send online invitations with Yahoo! Invites.
> > http://invites.yahoo.com

________________________________________________________________________
Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com

HWG: hwg-languages mailing list archives, maintained by Webmasters @ IWA