Forum Moderators: not2easy

Message Too Old, No Replies

Looking for a tutorial on creating a scrolling div

         

korkus2000

1:36 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

1:53 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

Nick

knighty

2:14 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

2:18 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

That should do it.

BlobFisk

2:52 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

2:58 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

3:04 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

DrDoc

4:18 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

SMXwebcrawler

4:19 pm on Sep 19, 2003 (gmt 0)

10+ Year Member



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

4:19 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

BlobFisk

4:22 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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

TheWhippinpost

4:24 pm on Sep 19, 2003 (gmt 0)

10+ Year Member



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

BlobFisk

4:43 pm on Sep 19, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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