Is there a way to remove scrollbars in Internet Explorer while still allowing scrolling? The layout looks fine in FireFox/Chrome/Safari, but is completely unusable in IE.
Below is the CSS I am using:
<style type="text/css">
table
{
display:inline-block;
overflow:auto;
white-space: nowrap;
}
th, td
{
display:inline-block;
height:100px;
width:100px;
overflow:hidden;
white-space: pre-wrap;
}
th {
text-align: left;
}
td {
vertical-align: top;
padding-top:0px;
}
</style>
Attached is a screenshot of how the table appears on IE9-11 (all versions look the same):
This design is truly unappealing...
Feel free to take a look at this code example in action through this fiddle link http://jsfiddle.net/EZM6x/