Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Table styling problem in Safari

Discussion in 'Website Design Forum:' started by doublejdesign, Oct 8, 2009.

  1. doublejdesign

    doublejdesign Junior Member

    Hi guys. I have got a problem with the styling in table when using Safari. it's working fine in IE. Not sure what went wrong there. Here is the code:

    Code:
            <table class="tab" border=0 cellspacing=0>            <!-- Colgroup -->            <colgroup>                <col class="tab_col_header"/>                <col class="tab_col_even"/>                <col class="tab_col_odd"/>                <col class="tab_col_even"/>                <col class="tab_col_odd"/>                <col class="tab_col_even"/>            </colgroup>            <!-- Table header -->            <thead>                <tr class="tab_row_header">                    <th scope="col" id="Th0"></th>                      <th scope="col" id="Th1">Plan 1</th>                    <th scope="col" id="Th2">Plan 2</th>                    <th scope="col" id="Th3">Plan 3</th>                    <th scope="col" id="Th4">Plan 4</th>                    <th scope="col" id="Th5">Plan 5</th>                </tr>            </thead>            <tbody>                <tr class="tab_row_even">                    <td class="tab_item_header">Feature 1</td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                </tr>                <tr class="tab_row_odd">                    <td class="tab_item_header">Feature 2</td>                    <td class="tab_item"> </td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                </tr>                <tr class="tab_row_even">                    <td class="tab_item_header">Feature 3</td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                </tr>                <tr class="tab_row_odd">                    <td class="tab_item_header">Feature 4</td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                </tr>                <tr class="tab_row_even">                    <td class="tab_item_header">Feature 5</td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"> </td>                    <td class="tab_item"><img alt="Check" src="images/icon_check.png" style="width: 24px; height: 24px" /></td>                </tr>            </tbody>        </table>
    In Safari:

    [​IMG]

    In IE:

    [​IMG]

    Anyone can help me to see what's wrong? Thanks a lot
     
  2. doublejdesign

    doublejdesign Junior Member

    Sorry for the spam, it's been solved as there is a display:block in the style which safari doesn't like. Thanks for your time.
     
  3. tim

    tim Senior Member

    it's not spam :)

    dunno why no one replied (apart form the fact i know the very very basics of coding)
     

Share This Page