How to Create Scroll Boxes

HTML Coding Tutorials | Submited Oct 6, 2007

Written by: John

These are pretty simple codes to use. The main thing (property:value;) in the codes below that creates the scroll itself is overflow:auto; you just have to set a width and height to it so it knows when to start the scroll.

<div style="overflow:auto; width:300px; height:100px;">
Put contents of the box here that you would like to scroll
</div>

Srolling Friends and Comments

Put the following code at the end of your "Who I'd Like to Meet" section. You can edit the width and height to whatever you'd like.

</td></tr></table>
</td></tr></table>
<div style="overflow:auto; width:430px; height:300px;">
<table><tr><td>
<table><tr><td>