HTML Forum

**btilus** · 11-02-2005, 02:22 PM

I use dreamweaver 2004 to design my pages...but I'd like to put in some text into the page without haveing the whole page have to stretch to accomodate it..I'd like to have the text in a box with a scroll bar on the side that allows them to scroll through the text...can anyone give me the code to make this happen? Or tell me how to do this? I've been dinking around for awhile now and just can't figure it out

**chrishirst** · 11-02-2005, 02:29 PM

HTML Code:

<div style="width:300px;height:300px;overflow:auto ;">text goes here</div>

**praveen** · 11:27 AM

edit : looks like chris has beaten me to it

**iCreate** · 11-03-2005, 11:04 AM

Here's an example of the full page's code. This is done using CSS.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.ScrollBox {
width:200px;
overflow:auto;
height:200px;
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:12px
}
</style>
</head>
<body>
<div class="ScrollBox">CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE CONTENT GOES HERE </div>
</body>
</html>

You can have a play with the dimensions, positioning, padding and so on and so forth. Any more problems, just shout.

Good luck

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!