Hi
Is there a way that only the content is scrollable, and not the other items on the page like navigation and banner and footer?
Take a look at netdzigns, which is a frame-based site. I am planning to redo it in css, as most of the formatting is in css. What I want is that the content in the main frame should only be scrollble, while the menu and the banner above should be visible at all times. Is this possible with css?
Thanks

It's possible to do it with Straight CSS but it won't work in IE as in IE the position fixed doesn't work. Client side scripting can do it but it's kinda jumpy in my opinion.

I personally can't think of any other way to do it and be cross-browser friendly.

It is possible, and it works in IE:

#content {
        width: 300px;
        height: 300px;
        overflow: auto;
      }

Identify your content div with id="content"

or you can go to extremes

http://www.cssplay.co.uk/layouts/frame.html

Yeah but that creates a completely new scroll bar. and I don't think you can use your mouse wheel to scroll the text then...(at least not in one of the browsers, FF I think).

This is not self promotion, but Apethumb styles utilize a frames effect with CSS. It works in firefox, ie, and opera. The CSS will not validate because it relies on overflow x and y. You can download the Apestyles on the templates page for more reference. Link to Apethumb in sig.

Hi
I have started the experiment, and one page is ready, when I upload it, I'll post here, so you can test it out. I have only seen it in IE, have yet to test it in FF or Opera, so maybe I'll need more help when I am done with the testing. I have used css code for the positioning, and yes, it creates a new scrollbar, but that is what I wanted. Now, how it looks to you guys, we will wait and see.
Thanks

Hi
As I mentioned, I have redone my index page with css positioning. You can view it at netdzigns. As you can see, I have some problem with it.
If you view it in FF, the menu comes up OK, similar to one on the main page. But in IE, there is too much space between menu items.
Can I get this corrected?
I am attaching both htm and css files for this in a zip file.
Thanks for any and all help.

IE bug. If you specify your navigation links all on one line like this:

<li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Services</a></li>

IE will reduce the gap. Don't know why

You'd better close all your <li>s too.

hi
I have gone with this code for the white space problem between the list items in IE:
#nav a {
_height:1px;
/*/*/display: block;
}

I also tried the solution above(putting <li> code right after previous</li>), and that also worked.
Thanks for the help.

Hi
I have tried to change some css settings, and it looks OK(not exact) in FF, but in IE, not good at all.
Check the site here.
You will notice in FF, the positioning is OK, except that the heading inside the content has to be in the middle, but it appears fine in IE.
Now IE has more trouble with this:

• The top banner is sticking to the content.
• There is a horizontal scrollbar too, which I do not want.
• The content does not go all the way to the end like it does in FF.

This is the css code(only positioning, not whole file):

/* position CSS */
.bnr { /* top banner */
	position: fixed;
	height: 10%;
	top: 0;
	left: 30%;
	padding: 0 0 10px 0;
}
#nav { /* left navigation list */
	position: fixed;
	left: 10px;
	top: 10%;
	width: 110px;
	height: auto;
}
#rgtcont { /* the main content trbl */
	position: absolute;
	top: 10%;
	bottom: 200px;
	left: 120px;
	width: auto;
	height: 450px;
	overflow: auto;
	padding: 10px 10px 10px 10px;
	text-align:justify;
	border-width: 2px 0 2px 4px;
	border-style: ridge solid ridge groove;
	border-color: mediumorchid;
}

#btm { /* the bottom links etc.*/
	position:absolute;
	padding: 15px 0 -5px 0;
	width: auto;
	left: 150px;
	bottom: 0;
	text-align:center;
}

The htm code has also changed, if you guys need that too?
Any thoughts?
thanks