CSS help

Posts: 105 · Posted: Tue Aug 28, 2007 7:19 pm

I'm making a table with round corners, and everything looks fine on IE, but on FireFox the table is bigger. How can I fix that.

Here is my table.

Code:

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left" valign="middle">
<td height="45" colspan="5" class="search">

</td>
<td width="20" rowspan="11">  </td>
<td width="531" rowspan="11">

</td>
</tr>
<tr height="25">
<td width="11"> </td>
<td colspan="4" valign="bottom"><img src="images/cat.jpg" alt="" width="236" height="20" /></td>
</tr>

<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Artistic</td>
<td width="138" class="cattext">Memories</td>
<td width="78" align="right" valign="top" class="cattext"><img src="images/right_corner.jpg" alt="" width="43" height="19" /></td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Celebrities For CF</td>
<td colspan="2" class="cattext">Personal Stories</td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Commercials</td>
<td colspan="2" class="cattext">Pets</td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Exercise</td>
<td colspan="2" class="cattext">Products</td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Fundraisers/Programs</td>
<td colspan="2" class="cattext">Research</td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="22" class="cattext">Humor</td>
<td colspan="2" class="cattext">Transplant Stories</td>
</tr>
<tr>
<td width="11"> </td>
<td width="192" height="19" class="cattext" style="background-image:url(images/left_corner.jpg); background-position:left; background-repeat:no-repeat;">Just For Fun</td>
<td class="cattext">Vacations</td>
<td align="right" valign="bottom" class="cattext"><img src="images/right_cornerbt.jpg" alt="" width="20" height="19" /></td>
</tr>
<tr>
<td width="11"> </td>
<td width="192"> </td>
<td colspan="3"> </td>
</tr>
<tr>
<td width="11"> </td>
<td width="192"> </td>
<td colspan="3"> </td>
</tr>
</table>

Posts: 105 · Posted: Tue Aug 28, 2007 7:21 pm

On fire fox the table is bigger than IE

Posts: 6 · Posted: Mon Oct 29, 2007 5:28 pm

IE and Firefox support differs from each other, the best way to be sure that your webpage appears the same on various browsers is to make sure that your scripts are W3C Validated.

You can validate your CSS using the following link, I would also suggest Validating your HTML and Javascripts as well.

http://jigsaw.w3.org/css-validator/ CSS Validator

http://validator.w3.org/ HTML, XHTML Validator

Hope this helps!