We are building an application that suppose to work on IE 5.5 & IE 6.0. The problem is that one of the tables is so huge it scrolls off the screen. We think of solving this issue with the scrolling div.
The problem we are running into is that we need certain columns to stay on the screen at all times.
Is it possible to include just a portion of the table into this scrolling div ? If yes, how?
This is a pseudocode of what we did. It works fine in IE 6.0 but in IE 5.5 row separators don't line up
<table>
<tr><td>
<div style="overflow:hidden; height:240px; width:300px; position:inherit; left:inherit; top:0;">
<table>
<tr>
<td>
</td>
<tr>
</table>
</div>
<div style="overflow:hidden; height:240px; width:300px; position:inherit; left:inherit; top:0;">
<table>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
The problem we are running into is that we need certain columns to stay on the screen at all times.
Is it possible to include just a portion of the table into this scrolling div ? If yes, how?
This is a pseudocode of what we did. It works fine in IE 6.0 but in IE 5.5 row separators don't line up
<table>
<tr><td>
<div style="overflow:hidden; height:240px; width:300px; position:inherit; left:inherit; top:0;">
<table>
<tr>
<td>
</td>
<tr>
</table>
</div>
<div style="overflow:hidden; height:240px; width:300px; position:inherit; left:inherit; top:0;">
<table>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>