td Border In IE
6 10 2006I was having a problem today in IE. I wanted to have a single table cell with a border, but no other cells with a border. You would think it would be easy by applying the following style to the cell:
border: 1px solid black;
You would be wrong. For some unknown-IE-buggy reason it doesn’t work. Here is what does work: Apply the following style to the table:
border-collapse: collapse;
You can do this either by placing
style=”border-collapse: collapse;”
in your table tag, or by placing that code in the table section of your style sheet. Or, by placing it in style tags in the document for that matter. But you get the picture.
So, if you apply that style to your table, the previously mentioned style for your table cell will work. Do you want to know why? Well, so do I. I have no idea why that works, but it works. And that’s good enough for me!
Credit for this goes to this guy.
This trick works, but not for two adjacent columns. The color for the left most of the two replaces the color for the right. The only way I’ve been able to bypass this is to use two or more tables, css position: absolute, in conjunction with top & left coordinates for the tables, which I do not consider optimal.