I have seen a few sites with a scrolling window it looks great & is just what I am after for a new project.

On one site it was an iframe but on the other it was achieved through CSS using what looked like a hidden overflow & some other styling to achieve a scrolling effect

It can be seen here on this wordpress theme

http://www.elegantwordpressthemes.co...iew/GrungeMag/

Does anyone know how to achieve this type of thing best ????

Thanks

The two methods you mentioned (iframe and div with overflow) are the way it's done. Best really depends on the goals of the page. With an iframe realize that the content filling up the frame is going to come from another file. With the div method all the content is on the same page.

There are times it makes more sense to have the content in an iframe come from another page. Other times it makes more sense to keep all the content on your page. I'd probably lean toward using the div css method, but both methods are really fine.

DO you know of any good examples of the DIV CSS code method - I have done the iframe before but might try the other method

Thanks

I usea DocOzones' Scrolling window, which is very usefull and customizable!

Link: http://www.znippets.com/ZscrollBar/

There's nothing really special to it. Your html would just be a div with a class or id assigned and then everything you want to display inside:

<div id="scroll">
all your content here
</div>

Then the css:

div#scroll {overflow: scroll-y}

That would give you the vertical scrollbar and no horizontal one. You'll probably want to set the width and height of the div as well.

The css overlow property has a few values, but most likely scroll-y is what you'll want.

Here's another tutorial called styling scrollable areas that uses javascript to style the scroll bar.

but most likely scroll-y is what you'll want.

or "auto", which won't add scrollbars unless the content exceeds the set height.

True enough about 'auto' and I think you can do auto-x and auto-y. Not 100% sure on that though.

Yes, though it is not used very much.

***EDIT***
actually, it is overflow-x: auto;