CSS table design with classes

Discussion in 'Web Design and Development' started by samwich, Jul 9, 2008.

  1. samwich macrumors regular

    Joined:
    Aug 5, 2007
    #1
    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.

    Code:
    //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
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2

Share This Page