How To Make A Scrollbox

Scrollbox’s are also known as div’s and they don’t HAVE to scroll just for this tutorial it will.

<div style=“height:500px; width:400px; border:0px; overflow:auto;”>
Content here</div>

Height:500px; is the height of your scroll box. The numbers can be changed. Play with it till your happy.
Width:400px; is the width. Again play with it till your happy.
Border:0px; makes sure there is no border around the image. You can change this if you like.
Overflow:auto; makes sure that when the box needs to start scrolling it does.
There is also overflow:hidden; for when there is a weird overflow when there shouldn’t be one.

You can add to this by changing it just a bit…
<div style=“position: absolute; top:50px; left:60px; height:500px; width:400px; border:0px; overflow: auto;”>
Content here</div>

Postion:absolute sets the position of the scroll box. It means it’ll fallow the coding after it telling it where the box should be.

Top:50px means that the box is 50 pixels from the top of the screen. This can be changed to bottom: 50px; as well

Left: 60px; means that the box is 60 pixels from the left of the screen. This can be changed to right.

You can change the distance by changing the numbers. Do not try to center a layout this way though because resolutions(screen sizes) aren’t all the same.