Hi,
I'm trying to create a table where some columns are right aligned. Code exerpts -
Style definitions -
thead.tableHeading1
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
}
col.alignRight
{
text-align: right;
}
Partial table definition -
<table border = 1 cellspacing = 0 cellpadding = 3>
<colgroup>
<col width = 80>
<col width = 80 class = alignRight >
</colgroup>
<thead class =" tableHeading1">
<tr>
<td colspan = 7 align = center>Summary
<tr>
<td>Bank
<td>Usage
</thead>
etc...
This is rendered as I would expect in IE; the second column is right aligned. In Firefox, the alignment specification in the col tag seems to be ignored and everything is left aligned. I have also tried using "align = right" and an inline style in the col tag, with the same result.
The only way I can seem to get the correct alignment in Firefox is to specify the alignment in every <td> tag.
I'm rather new to CSS, so I expect there's something wrong with my understanding, but I thought that the column style would override the table heading style (as it does in IE).