Looking for a tutorial on creating a scrolling div

[korkus2000]

I want to put a table on a div that will scroll when it over flows. I want to stay away from an iframe, which I would normally use, since I don't want to server process 2 pages instead of one. How compatable is it in browsers, and does anyone know of a thread or good tutorial explaining this technique?

[Nick_W]

I'm afraid I've never done it korkus but I think you'll find that browser support is a little shaky...

Nick

[knighty]

I have used scrolling divs before,

by far the easiest method is to download a Dreamweaver plugin that projectseven do - if you dont have DW just go to the site and look at the source code.

[too much information]

<div id="divname" style="overflow: auto;">
</div>

That should do it.

[BlobFisk]

Too much information gives the easiest way of doing it - pure CSS! However, it can also be achieved using a lot of JavaScript, without repying on CSS support.

Which direction were you hoping to take?

[korkus2000]

I want to basically make a scrolling layer so I can keep the data table on the page. The requirements of the application state that I need a scroll bar for overflow data. I don't want to process two pages using an iframe. Anything to solve this problem that can work in ie5+, netscape 7, opera 6+, and the other grab bag of new browsers that support ECMA script and CSS.

[BlobFisk]

Then specify a height on your div and set overflow to auto! That is supported my all the browsers you mention.

[DrDoc]

Well, Opera doesn't really support overflow:auto...

[SMXwebcrawler]

Anyone else have problems using the DTC on Overture with Opera?

I dont know if it is related so if its not then tell me off :D

[DrDoc]

...and you can't just use a textarea? :)

[BlobFisk]

Hmmm... funny - Opera themselves say that they do [opera.com]...

[TheWhippinpost]

I've used a scrollable div on overflow, works fine in Opera

[BlobFisk]

Just did a test, and Opera 7.11 (Windows 2k) supports it fine.