shadowline
How do you ... make a scrolling DIV area?
First start with a simple DIV area and a bit of styling to make it visible...

<div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 50px; ">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>

gives you this...

1
2
3
4
5
6
7
8
9
10

Ok, so not to impressed yet. There is a height declared, but it's doing the usual thing and expanding to suit the contents being displayed. (Or not expanding in Netscape). Here comes the magic...

<div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
1<br />
2<br />
3<br />
4<br />
5<br />
6<br />
7<br />
8<br />
9<br />
10<br />
</div>

gives you this...

1
2
3
4
5
6
7
8
9
10
How do you ... make a scrolling DIV area?
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow