Hi. I'm out of practice and need to get back into things. I;m WAY rusty. I know I've done this before and can't figure this out for the life of me, please help. I need to make scrolling contect area on a non-scrolling background. Yes, I may be brain-dead... HELP please. Thank you!
Thanks Nancy. Sorry it took so long to reply and to ask for yet another bit of information, but...
how do I make the bars disappear? I have bars both on the bottom and on the right when I'm only scrolling top to bottom. Please help... once again. Thanks a bunch...
The overflow: scroll property adds scrollbars to your container only if the height/width is not sufficient enough to reveal all the content inside. To make scrollbars disappear, increase the height/width of your container or remove the overflow:scroll property.
This is a good reference site to knock off some of the rust...
For individual control over the right or bottom scrollbars, you'd be looking for overflow-y and overflow-x respectively.
Thanks a bunch, that's fantastic! I don't think I phrased my question properly. I want it to scroll but I don't want the scroll bar itself to be visible as it is... I'd like for the scrollbar itself to be there but it's apperance to be difference. Would I need to either search for a CSS online to make the appearance difference online or make one?
Browsers decide what their scrollbars look like. At one time, you could use proprietary code to dress up the default scrollbars in IE 5.5 and 6 but IE stopped supporting this.
AFAIK, webkit is the only browser that currently supports custom styled scrollbars with CSS. All the rest will simply ignore it.
jQuery Custom Scrollbar plugins
That said, I think most people are comfortable with the scrollbars in their browsers. Changing their appearance to suit your design objectives might be more distracting than beneficial. The rule of thumb in web design is "respect your site visitor's choices and don't mess with people's browsers."