Hi folks. Here’s my problem. I want to put a table inside a div, then set the height of that div to be shorter than the table, and then set the div property to overflow:scroll; so that the table will be scrollable. It works fine in FF, however, it doesn’t work at all in IE6. You can see exactly what I’m talking about at [URL=”http://www.jontakiff.com/Stockabeetest/ideaboard.html”]http://www.jontakiff.com/Stockabeetest/ideaboard.html
The markup is just a table inside a div, with the div styled like this:
#ideaDraftScroll {
height:100px;
overflow-y:scroll;
}
<div id=”ideaDraftScroll”>
<table width=”315″>
<tr>
<td>
Subject</td>
</tr>
<tr class=”tableOdd”>
<td>
<a href=”#”>Shorting the market</a> </td>
<td><a href=”#”>Delete</a></td>
</tr>
<tr>
<td>
<a href=”#”>Lehman Brothers</a> </td>
<td><a href=”#”>Delete</a></td>
</tr>
<tr class=”tableOdd”>
<td>
<a href=”#”>Something about something</a> </td>
<td><a href=”#”>Delete</a></td>
</tr>
<tr>
<td>
<a href=”#”>Lehman Brothers</a> </td>
<td><a href=”#”>Delete</a></td>
</tr>
<tr class=”tableOdd”>
<td>
<a href=”#”>Something about something</a> </td>
<td><a href=”#”>Delete</a></td>
</tr>
</table>
</div><!–end IdeaDraftsScroll–>