Can a table have a scrollbar?
From the HTML FAQ at Nunzio's Little Place On The Web

It is possible in IE 4+ and all recent releases of Netscape, Mozilla and Opera browsers to use the CSS overflow property in a div tag and then enclose a table within that tag...

Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here - Text or other table content here -

Adjust the width/height of the div to the desired size (percentages are allowed). Any part of the table that goes beyond that will cause a scroll bar to appear.

* I've added more text in the example above to allow for vertical scrolling. Check it out in all newer releases of the major browsers I indicated above to see it work.

This is the "base" code (expand from this as I did in the example above) ...
<div style="overflow: scroll; width: 100px; height: 100px;">
<table border="1">
<tr>
  <td>Text or other table content here</td>
</tr>
</table>
</div>


Can we eliminate the horizontal scrollbar?

Yes. Instead of using a table, enclose all the text/other content within a textarea.

Although not necessary for IE or Opera browsers, in order to allow Netscape/Mozilla browsers to "wrap" the lines instead of just generating a horizontal non-wrapping scrollbar, you must include both cols="" and wrap="virtual" as well, in the textarea field...

<textarea style="background-color : #ffffff;width : 300;height : 200" cols="" wrap="virtual">

You can include a background image also, by including background : url('anyimage.gif'), where anyimage.gif points to the location/name of your image...

<textarea style="background-color : #ffffff;width : 300;height : 200;background : url('anyimage.gif')" cols="" wrap="virtual">

This is the "base" code (expand from this as I did in the example above) ...
<textarea style="background-color: #ffffff;width: 300;height: 200" cols="" wrap="virtual">Text or any other content here</textarea>


  Valid HTML 4.01!   Valid CSS!