Re: fixed links column with scrolling main body - Addendum to my first reply

by =?iso-8859-1?Q?St=E9phane?= Bergeron <stephberg(at)videotron.ca>

 Date:  Mon, 22 May 2000 13:51:08 -0400
 To:  hwg-techniques(at)hwg.org
 In-Reply-To:  oemcomputer
  todo: View Thread, Original
At 11:21 PM 21/05/00 -1000, you wrote:
>HI...
>I have a site I am in the process of planning & I wanted to use a=
 background
>graphic that has a border on the left side.  This is where I want to put=
 the
>links...but here's the catch...I want the text in the main body of the page
>to scroll...but I want the links to stay where they are in the side portion
>of the page...I do not want to use frames...I want the links (I was going=
 to
>use text links with a different font than the body, instead of using
>button/graphic links)--fixed like the background attachment.  This site
>though...has to be geared to version 3+ browsers.  Is this possible, or do=
 I
>have to let the whole thing scroll?

After a little more exploration I found the following:=20
http://developer.netscape.com/docs/technote/dynhtml/drift/index.html  which=
=20
is a JavaScript library item that does the scrolling menu thing.  They call=
=20
it drifting layers (layers here referring to any absolutely positioned=20
elements on a page using the DIV element, not the NS LAYER tag) and that's=
=20
apparently what the Glassdog site uses to achieve their menu=20
scrolling.  Apparently this is cross-browser compatible and the example on=
=20
the above page works in my IE 5.5 even if it's from the Netscape Developer=
=20
site.

As an additional note, if you would like to get into cross-browser DHTML,=20
I'd suggest you look into the "Building Dynamic HTML GUIs" book by Steve=20
Champeon and David S. Fox.  I started reading it recently and it's very=20
interesting.  Their approach uses a JavaScript object wrapper API that lets=
=20
you control DHTML elements using the same syntax regardless of what browser=
=20
you use.  All the ugly workarounds and branching code is hidden in the=20
functions included in their JavaScript API library.  You can find out more=
=20
about this and download the object wrapper library from their site:=20
http://dhtml-guis.com/

HTH!

St=E9phane Bergeron

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