Yes. Instead of using a table, enclose all the text/other content within a textarea.
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...
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> |
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> |