When text is very long vertically and you want to have a scrollbar within your web design so that the bottom can always be seen rather than a scrollbar on the browser where the bottom design disappears, then here is one option to follow
For the div (normal or AP) that you want to scroll, add a CSS property of
Overflow: Auto
This property will figure out if you need a scrollbar or not depending upon the vertical length of the content in the div.
Notes to know about inserting a scrollbar:
- A scrollbar will USUALLY be on the right, there is some HTML/CSS code combination that can put the scrollbar on the left, but it doesn't work for all browsers - not recommended at all due to this variation for browsers. If you want to do this, google "css scrollbar left"
- Best practice: include some 5px-10px padding for this div so that the content is slightly separated from the div edges. This particular div has a 5 px padding on the left and right.
- Best practice: when inserting images and to avoid cutting off the right side of your image and an annoying left/right scrollbar, make your image 25 - 35 pixels smaller in width than your div width. This particular div is 700 pixels wide. Notice how the photos below or different widths give a different look.
In diam massa, blandit id, fermentum vitae, ultrices in, felis. Aliquam convallis sagittis libero. Nam sagittis semper tortor. Ut consequat dolor vitae dolor ultrices accumsan. Nunc id augue. Quisque ultrices tempus metus. Sed ullamcorper mollis erat. Nullam vulputate. Aliquam vel turpis. Quisque semper mi id nibh. Donec pulvinar sodales turpis. Cras justo lacus, vulputate porta, fermentum id, dapibus quis, nisi. Phasellus quis est nec turpis suscipit accumsan. Quisque tempor ornare purus. Duis vitae neque. Integer sed mi. Etiam at nulla. Nulla sollicitudin ornare massa.
Vestibulum a tortor. Morbi quis quam sed lectus euismod convallis. Praesent sed lorem. Pellentesque nisl. Donec tempus tincidunt mi. Donec sed elit. Fusce lectus. Quisque non sem et risus mattis fermentum. Duis vitae pede. Vivamus pulvinar libero ac nisi. Donec varius, sapien vel semper dignissim, leo sapien tristique diam, sit amet malesuada felis nisi vitae ante. Maecenas euismod. Integer magna nunc, varius sit amet, dignissim quis, iaculis at, nisl. Cras orci mi, tempus at, malesuada eu, vehicula sit amet, tortor. Aenean massa. Aliquam dictum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Phasellus vulputate. Cras eget tellus. Nam feugiat enim sed mauris. Integer sodales velit at felis. Praesent placerat mollis nulla. Maecenas aliquam. Praesent ut neque dictum orci lacinia venenatis. Maecenas porta mauris sed massa. Donec pellentesque odio non eros. Fusce pulvinar. Cras accumsan. Mauris porttitor euismod mi. Morbi blandit, purus ac accumsan lacinia, purus tellus posuere leo, id ultrices ligula odio pulvinar magna. In sed mi.