Connecting Tech Pros Worldwide Forums | Help | Site Map

Stationary navigation bar

Newbie
 
Join Date: Mar 2007
Posts: 2
#1: Mar 11 '07
Hi guys, I am a graphic designer,not a programmer. I am making a portfolio site for myself, and all I want to do is have a very simple site of a few pages that scroll. I want a stationary navigation bar on the side. An example of what I want to do is this http://www.blackspade.co.nz/

I know I can do this with frames(not if I can help it ) or div layers(ok I guess, but I looks amateur when the window is resized cause the pics run under the layer). I have heard that you can use ssi to accomplish this also.

I guess I want to know the best way to do this. I'm not great with html so I will be using dreamweaver ( or muddle through a little programming). Can someone at least point me in the right direction?

Thanks

drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,577
#2: Mar 12 '07

re: Stationary navigation bar


Study their code and google for "position:fixed" . That is how this is accomplished. Note that position:fixed doesn't work in IE6 though.
Expert
 
Join Date: Oct 2006
Location: NC
Posts: 1,722
#3: Mar 12 '07

re: Stationary navigation bar


Quote:

Originally Posted by joey9iron

or div layers(ok I guess, but I looks amateur when the window is resized cause the pics run under the layer)

If the pics are not a huge in dimension use percentages to control the size of the menu that will it will resize nicely with the window.
Newbie
 
Join Date: Mar 2007
Posts: 2
#4: Mar 12 '07

re: Stationary navigation bar


Thanks for your help guys. The position:fixed is what I needed.( like I said I am not a programmer) I found there is a workaround for ie6 which makes it think absolute is fixed ( which I'm sure you know about). My last question is weather this workaround will cause the position:fixed not to work in other browsers.Firefox, and safari mainly.

Thanks
drhowarddrfine's Avatar
Expert
 
Join Date: Sep 2006
Posts: 5,577
#5: Mar 12 '07

re: Stationary navigation bar


It will probably work fine because most IE bug workarounds take that into account.
Reply