Table contents appear far left in IE8, centered in IE7

HTML & CSS
1

This table 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

<table id="tab999">
<tbody>
<tr><td>
<p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font>
<table>
<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.01
</td>
<td>
<form action="pay/paypal1.php" method="post">
<input type="hidden" value="[var.user1_id]" name="user1id">
<input type="hidden" value="[blk1.credit]" name="credit">
<input type="hidden" value="Item" name="item">
<input type="hidden" value="[blk1.value1]" name="value1">
<input type="image" value="[blk1.value1]" name="value1" src="https://www.paypal.com/Checkout.gif" align="bottom" />
</form>
</td>
</tr>
</table>
</td></tr>
</tbody>
</table>

CSS:

#tab999 {
width:770px;
height:400px;
float:center;
clear:left;
margin:0px 0px 0px 0px;
font-size: 12px;
padding:10px 10px 10px 10px;
border:1px solid #153e7e;
}
#tab999 td {
border: 1px solid #CACACA;
padding:0px 0px 0px 0px;
}
2

Lol float:center doesn’t exist so that rule is not being used. You can look at the solutions here (more specifically, Erik J’s) if you need it floated. (Quiz 1)

But to answer your question, since it is a table you can just give margin:0 auto; (the width is not even needed btw, though it doesn’t hurt to have one) to center it.

3

Thanks for your reply.

I tried margin:0 auto; like this:

#tab999 {
width:770px;
height:400px;
clear:left;
margin:auto;
font-size: 12px;
padding:10px 10px 10px 10px;
border:1px solid #153e7e;
}
#tab999 td {
border: 1px solid #CACACA;
padding:0px 0px 0px 0px;
}

It moved the table over from the left, but the contents inside were still flush left to the table’s left border. I looked at your link and Quiz A (I didn’t see Erik J.) but I really don’t know how that will remedy my issue. I’d like the content in the table centered.

Any additional help will be greatly appreciated.
Thanks

4

You could give the td a text-align:center; unless your code beyond that is more complex :).

I’m sorry I misunderstood you in the first place lol