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