Here are some codes for scroll boxes, or divs, to use on your pages.

You can have multiple scroll boxes, or divs, by using the same code, but changing the 'box1' attribute to box2, box3, etc. Just remember to change it both in the css code and the lower code where you text goes.


Positioned Scrollbox
To make a basic scrollbox, use this code. Change the height and width properties, and the top and left attributes to place it on your page.

<style> .box1 { top: 100px; left: 100px; height: 400px; width: 400px; overflow: auto; position: absolute; } </style> <div class="box1"><table><tr><td colspan="2"> text text text text text text </td></tr></table></div>


Positioned Scrollbox with Style
This makes a basic scrollbox that you can position that has a background color and a border. You can change the background attributes and border values using the other pages on this site. Copy the code onto your page and change the color values, the height and width attributes, and the top and left positioning numbers.

<style> .box1 { border: 1px solid #000000; background: #FFFFFF; top: 100px; left: 100px; height: 100px; width: 100px; overflow: auto; position: absolute; } </style> <div class="box1"><table><tr><td colspan="2"> text text text text text text </td></tr></table></div>