• 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


#1
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:



In IE:



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

tim

Senior Member
#3
it's not spam :)

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