Problem with table height in Internet Explorer

[ray-solomon]

Hi, this is my first post on DaniWeb.

I created this table and it works perfect in Firefox, but not in Internet Explorer.

I tried different document types, I wc3 validated it, changed the height in css for the div and for the tbody, but still not working correctly.
It must be something ridiculously simple I overlooked.

Example here

[buddylee17]

IE is retarded. Here's what I've found regarding the scrollable tbody element.

[MidiMagic]

The tbody element is designed to scroll when the table is larger than the browser window, not a container.

[ray-solomon]

Well, I decided to not use this type of table anymore because it must be deemed outdated if the modern browsers are not supporting it enough.
I don't feel comfortable using any code that takes too many browser workarounds to work correctly.

All I was doing was trying to was make a scrolling table first so I can use javascript to sort the columns.
All of the sort-table javascripts out there use this type of table to work correctly.
Unfortunately, all of them did not work in most modern browsers. And the only one that did, I could not modify it without breaking something.

Thanks for the input.

I don't know how to close this thread, so I suppose it will always be open.
Closing it as solved will just make it appear there was a solution to the problem was when there is not. Maybe the admin/developers should know about this so it does not confuse other readers.

[buddylee17]

What about something like this?

[ray-solomon]

That is nice. $495 sounds reasonable for the amount of work put into making it a nice product.

I would have to think about it.

Thanks.

[rexibit]

Another option for using the a scrollable area is CSS' overflow property. It would allow you to also get a number of cross-browser compatibility too.

<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
-->
</style>