How do I create a non-scrolling Sidebar?
There is an example at:
I am a rookie. Please make it simple, if that is possible. Thks
It looks to me that your using "FRAME SETS" ?
It shoulb be easy in this case, if you can find something that looks like this <frame src="page.html" name="PageFrame" scrolling="Yes" noresize="noresize" id="PageFrame" title="PageFrame" />
just change the scrolling="Yes" to scrolling="No"
The other place you can find to change this setting is in the properties at the bottom of your dreamweaver page
The frames evident at that link are being used to create a viewer for the various themes, but not to create the sidebar.
The non-scrolling sidebar is effectively created by position:fixed in the CSS in the following rule:
Gary, thanks for the reply. I am not using Framesets. Don't know what they are. But perhaps the example that I found on the web and provided the Link apparently is. Will spend more time on it and get back.
John, thank you. I will try to figure out how to implement the .css script. I assume that I can start with a canned two column template from the Dreamweaver panel and then tie in a .css with your script included. Right? Any other tips?
John, I used the Dreamweaver "2 column fixed, left sidebar" Blank Page to create my page.
I then inserted the single line in the css to indicate "position:fixed"
The Sidebar now does not scroll. This is good.
That is the only change I made to your stock page.
But the "Content" section has now slid behind the Sidebar:
What do I do to solve this problem?
You can't float around postion:fixed elements.
You'll need to remove floats & add a margin-left:value to your content container.
See fixed positioning examples:
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
Nancy, thank you very much. It was quite simple with your comments. When it got complicated was when I went to the "see fixed positioning examples:" But the removal of floating and adding margin-left seems to have done the trick. Now on to the next step.