CSS Forum

**chrisj** · 01-13-2010, 01:20 PM

This table's contents appears centered in IE7, but appears all the way to the left side of the table in IE8.
Can you help me resolve this issue so it looks centered in IE8? Thanks.

Code:

 
<table id="tab999">
<tr>
 <td width="100px"><font size="3" color="#000000" face="Arial">&nbsp;&nbsp;&nbsp;<u>Amount</u></font></td>
 <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td>
<td width="100px"><u><font size="3" color="#000000" face="Arial">Purchase</font></u></td>
</tr>
<tr>
 <td>[blk1.name;block=tr]</td>
 <td>
 0.10
</td>
<td>
<form action="pay/paypal1.php" method="post">
<input type="hidden" value="[var.user_id]" name="uid">
<input type="hidden" value="[blk1.cred_amt]" name="cre">
<input type="hidden" value="Item" name="item">
 <input type="hidden" value="[blk1.value]" name="valu">
<input type="image" value="[blk1.value]" name="valu" src="https://www.paypal.com/Checkout.gif" align="bottom"/>
</form>
</td>
 </tr>
</td>
</tr>
</table>

CSS:

Code:

      
#tab999 {
      width:360px;
      margin:0px 0px 0px 0px;
      text-align:center;
      font-size: 12px;
      padding:10px 0px 30px 0px;
      border:1px solid #;
      }
      #tab999 td {
      text-align:center;
      margin:0 auto;
      border: 1px solid #CACACA;
      padding:8px 0px 0px 0px;
      }

**shakemelikeapig** · 01-14-2010, 11:20 AM

Try to use margin

in the #tab999