Non-Scrolling Navigation Bar w/ CSS

The 2 web sites I now take care of use Frames - with which we can have a "navigation bar" on the left side which does not scroll, so the links are always "right there" regardless of where one is in the main "content" frame. Is it possible to get the same effect using CSS?

without using frames?

blindeddie --
Yes - withOUT Frames. Several visitors to one of these sites have told me that having the "navigation" handy all the time is a nice feature (don't have to scroll to top or bottom of a page to find the links). I'm thinking it will be much easier to update the sites once I get everything set up with style sheets; and we *Might* get better results from Google (& other) searches without frames, but I'd like to keep the navigation the way it is.
If you'd like to see what I mean, stop by: www.hacklewing.net (my personal site - badly in need of updating & revision <g>).
Thanks...

go to www.24fun.com and select navigation from the list at the top of the page. under that heading is a Javascript called 'sticky menu bar' that stays visible no matter where you scroll on the page. I don't think I have ever seen this done with CSS before... This script may be what you are looking for.

no, it can be done with only css.

check out http://www.w3.org/Style

Zombie, is there a specific piece of code that you are looking at, I don't see anything relating to this at the link you provided... I am interested in checking this out for a project I am currently working on...

Whatever you do, don't use a sticky javascript menu! Why? 1) doesn't work with browsers that have javascript disabled 2) it looks awful!

I agree, I personally would not use the sticky menus either, but I figured I would make the suggestion and let MtnGurun decide for himself!!!

tkarkkainen & blindeddie -- Thanks. I agree wholeheartedly on both counts.
Hopefully Zombie will enlighten us on how this can be done...
If not, I guess I'll just have to stick with the frames. I know some people don't like 'em, but at least they're supported by virtually all the current (or recent) browsers. I know 90+% of our viewers are using IE 6 or Netscape 4+, but my server's logs don't give clear data on how many have JScript disabled.

hm.. sorry. i hardly ever use IE/win, so i don't think i ever visited w3c site in IE.

look at www.w3.org/Style from mozilla, opera7 or safari (mac).

it uses "position: fixed;" on menu DIV to fix it's position on page.

unfortunatelly, IE doesn't support this.


so, my conclusion: yes, it can be done with only CSS, but more than 75% of your visitors will not be able to see it ;(

****ing IE!

Does position: fixed; belong to the css standard? If not, it is not IE's fault.

of course it does!

why would w3c "the standards organisation" use it if it didn't ???

Well I didn't read the url too well :uhoh: