Topic: Stupid Basic Question

I want a scrollable window in the middle of the page, like say...http://www.gurusnetwork.com/

I just wondered how it was achieved, I know it's a stupid basic question, I've tried playing with frames, but I don't like the idea of 4+ frames, is it a javascript? or a CSS?

Thanks

Those blue scrollbars on the GN's frontpage are fake ones, they are just images which do nothing when you click them


You can get the browser's default scollbars in a <div> pretty easily by setting a height (like 500px or 50%) and adding "overflow: auto;" or "overflow: scroll;" to its CSS definition.

http://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping


If you want fancy graphical scrollbars as seen on the Doc's www.ozones.com site however you'll have to go the (more complicated) JavaScipt way. Have a look at

http://www.znippets.com

and

:FAQ: How do I make a cross-browser scroller?

You can also use (ahem) iframes, which is usually how you go about it. But please don't. "overflow: scroll" is a much better option.

Thanks a lot guys (or gals) I'll give it a shot

thanks people, i've successfully made one and am now getting into CSS, one more little Q though.

When someone clicks on a link I want everything on the page to stay the same except the contents of the scrollable window, the obvious thing for me is frames to make this happen. Any sleeker/better methods you can think of?

I better get baking those cookies

I've done it in frames, i've not completed but here's what it's like so far, I still need to play with the design and put some content in.

http://homepage.ntlworld.com/david.miles4/

i've found anything lower than 1024x768 (eg 800x600) and it looks crappy, i'll try and work on that