Question

For some reason my tables won’t show up in IE7.
An example table looks like this:

<table class="stringingTable">
<tbody>
<tr>
<td class="selected">.</td>
<td>,</td>
<td>and</td>
<td>also</td>
<td>but</td>
<td>however</td>
<td>whereas</td>
</tr>
</tbody>
</table>

The relevant css looks like this:

stringingTable {
    position: relative;
    width: 70px;
    height: 30px;
    background: #9A2F00;
    text-align: center;
    font-size: 0.8em;
    line-height: 1em;
    cursor: pointer;
    cursor: hand;
}

.stringingTable td.selected {
    display: table-cell;
}

.stringingTable td {
    word-wrap: break-word;
    max-width: 70px;
    display: none;
}

The table shows up fine in all modern browsers but this is a website for teachers in NI (who all use IE7 as they use C2k)

Answer 1

Internet Explorer versions less than 8 do not support the CSS table display properties, which include table, inline-table, and all properties of table-*. Unfortunately by setting those cells as display: none, you will not be able to redisplay them without altering the table’s appearance (as you can’t set them back to table cells).

I don’t know if it will be helpful in your specific case, but you can try playing with visibility: hidden and visibility: visible instead.