CSS for TR/TBODY border/outline
Posted on 2009-04-01
I'm trying use CSS to put a border around multiple all columns in a table row. Neither browser allows use of the 'border' property on TR or TBODY, and while I can use 'outline' in Firefox just fine, Internet Explorer doesn't seem to support it.
I would just put a partial border on each of the cells, but I'm already using border on them to show a different color in a block uniformly inset from the cell boundary regardless of the block content. And a div wrapping the content of the cell won't work either because neither browser seems to honor 'height' for divs (or anything but images, for that matter).
I only found the 'outline' property by seeing how Firefox accomplishes "Outline Table Cells" with the Web Developer Toolbar. I was hoping that the IE Developer Toolbar "Select Element by Click" function would also use CSS, but this does not seem to be the case.
I've spent hours banging my head against this, and while I'd be irritated by the lost time, I'd love to find out that there really is a way to do this.
Thanks for any suggestions!