Scroll bar inside a page

superosjecaj · Apr 20, 2005

Hello!

I'm new in HTML and I'm trying to make a page that would have a scrollbar inside a page (not the one in the browser) like for example:

http://www.expulsion-band.com/discography.htm

I have looked in the source code, but i cant figure out what is the thing that makes the scrollbar.

BillyRayPreachersSon · Apr 20, 2005

One way is to use the CSS overflow property:

Code:

<html>
<head>
	<style type="text/css">
		#myDiv {
			width: 200px;
			height: 100px;
			overflow: scroll;
		}
	</style>
</head>

<body>
	<div id="myDiv">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris commodo felis eu nunc. Vestibulum ut lorem id lectus eleifend vehicula. Donec rhoncus ipsum et mauris. Donec et tortor ac nisl blandit tristique. Fusce nibh magna, scelerisque ac, lobortis eget, aliquam id, sem. Suspendisse potenti. Ut sed quam sit amet risus interdum accumsan. Duis tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum vel massa non diam egestas volutpat.
	</div>
</body>
</html>

Hope this helps,
Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

superosjecaj · Apr 20, 2005

Thanx that is it!!!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Scroll bar inside a page

superosjecaj

Programmer

BillyRayPreachersSon

Programmer

superosjecaj

Programmer

Similar threads

Part and Inventory Search

Sponsor