CSS table design with classes

[samwich]

I'm currently using a combination of divs/tables to layout my website, and I would like to style certain rows of the table with a border and a background color. So I applied this class to each of the table rows.

//html
<tr class="table-content">

//css
.table-content {
background-color:#ffffff;
border-left:2px #990000 solid;
border-right:2px #990000 solid;
}

This works in Firefox, Opera, and Safari, but does not work in IE. The border doesn't show.

Sorry, I don't have a live version of this to test or show. Is there any property or selector I need to change to allow this to work in IE.

I found that you can apply this same class to <td>, however it would be much more efficient to apply it to the whole row.

Thanks

 

[angelwatt]

The styles have to be applied to the td tags for IE's sake.

http://pure-essence.net/2007/10/18/how-to-style-a-table-using-css-jsf-examples/

do not apply border on the tr tag since it does not understand it. To get borders on tables, always add border definition on td and th tags.