Tables are not displaying correctly in IE

[jrthib]

I have a slight problem. My table on this page http://www.saint-bernard.com/betasite/athletics is not displaying the borders for the boxes that do not have any content in IE6+. It seems to work fine on any other browser except IE6+.

Any Suggestions?

[jscheuer1]

There is a style for that:

http://www.blooberry.com/indexdot/css/properties/table/emptycell.htm

According to that specification, you could put this in the head (or put its rule in your external stylesheet):


<style type="text/css">
td {
empty-cells: show;
}
</style>

However, in testing here, it doesn't seem to work (in IE) for a standard HTML table. That may be due to lack of support for it in IE though, depending upon your DOCTYPE and other considerations it may be all you need.

Another thing you can do is insert a non-breaking space character entity into each empty cell:


<td>&nbsp;</td>

This will force them to render as though they did have content.

That does work in IE.