Table formating problem.

[ritterb]

Could someone give this a look.

I'm having a problem with the left column width for the first table. Why won't the left column size to 150px in IE? Works fine in Firefox. Code below. Copy and past into a text document and view.

Keep in mind the second table is an exact copy of table 1 minus one line of text.

________________________________________________________
<table cellpadding="5" cellspacing="0" border="1" width="100%">
<tr>
<td align="left" valign="top" colspan="2">
<span style="font-weight: bold;">Credit Card Information (Optional)</span><br />
Your credit card billing address must match the billing address entered above. Only the last four digits of your card will ever be displayed for security purposes.
</td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Card Type:</td>
<td align="left" valign="middle">
<select name="card_type">
<option value="visa">Visa</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Card Number:</td>
<td align="left" valign="middle"><input type="text" name="card_number" size="16" maxlength="16" /></td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Expiration Date:</td>
<td align="left" valign="middle">
<select name="exp_month">
<option value="october">October</option>
</select>
<select name="exp_year">
<option value="2006">2006</option>
</select>
</td>
</tr>
</table>

<br />
<br />
<br />
<br />

<table cellpadding="5" cellspacing="0" border="1" width="100%">
<tr>
<td align="left" valign="top" colspan="2">
<span style="font-weight: bold;">Credit Card Information (Optional)</span><br />
</td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Card Type:</td>
<td align="left" valign="middle">
<select name="card_type">
<option value="visa">Visa</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Card Number:</td>
<td align="left" valign="middle"><input type="text" name="card_number" size="16" maxlength="16" /></td>
</tr>
<tr>
<td align="right" valign="middle" width="150">Expiration Date:</td>
<td align="left" valign="middle">
<select name="exp_month">
<option value="october">October</option>
</select>
<select name="exp_year">
<option value="2006">2006</option>
</select>
</td>
</tr>
</table>


__________________________________________

 

[specterious]

Add cols="2" to your table tag.

 

[ritterb]

Thanks,

But why is that tag needed? is this just a bug in how IE renders tables?