Placing a scroller inside a table cell

This scrolling box is placed inside a table cell. Look at the html code, you will see the comments where the scroller starts and ends inside the table cell

The styles for this scrolling div have been written in-line so you can see it in the code.

They can be moved into your stylesheet or to the head of your document with your other styles.

<div style="width: 490px; height: 450px; overflow: auto; padding:4px; border: 1px solid black;">
<p>Your content text will go here.</p></div>

The colored scrollbar will only be visible on a PC IE only.

You can find the styles in the head of the document.

Sed do eiusmod tempor incididunt in reprehenderit in voluptate eu fugiat nulla pariatur. Qui officia deserunt excepteur sint occaecat cupidatat non proident. Velit esse cillum dolore.

Duis aute irure dolor velit esse cillum dolore cupidatat non proident. In reprehenderit in voluptate excepteur sint occaecat qui officia deserunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, quis nostrud exercitation. Eu fugiat nulla pariatur. Cupidatat non proident, ut aliquip ex ea commodo consequat.

Valid xhtml Valid CSS