Welcome to WebmasterWorld Guest from 34.237.76.91

Forum Moderators: not2easy

Message Too Old, No Replies

Looking for a tutorial on creating a scrolling div

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

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
posts:3732
votes: 0


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?
1:53 pm on Sept 19, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 4, 2002
posts:5044
votes: 0


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

Nick

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2001
posts:690
votes: 0


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.

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:June 16, 2003
posts:899
votes: 0


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

That should do it.

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

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


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?

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

Senior Member

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 20, 2002
posts:3732
votes: 0


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.
3:04 pm on Sept 19, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


Then specify a height on your div and set overflow to auto! That is supported my all the browsers you mention.
4:18 pm on Sept 19, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 0


Well, Opera doesn't really support overflow:auto...
4:19 pm on Sept 19, 2003 (gmt 0)

New User

10+ Year Member

joined:Aug 21, 2003
posts:34
votes: 0


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

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

Senior Member

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 15, 2002
posts:6807
votes: 0


...and you can't just use a textarea? :)
4:22 pm on Sept 19, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


Hmmm... funny - Opera themselves say that they do [opera.com]...
4:24 pm on Sept 19, 2003 (gmt 0)

Preferred Member

10+ Year Member

joined:May 22, 2003
posts:354
votes: 0


I've used a scrollable div on overflow, works fine in Opera
4:43 pm on Sept 19, 2003 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members