I have some column headings whose widths are set via styles:
<TR>
<TD style="visibili ty:hidden;width :0px"> </TD>
<TD style="visibili ty:hidden;width :0px"> </TD>
<TD style="visibili ty:hidden;width :0px"> </TD>
<TD class="head1" style="WIDTH: 120px">Stage</TD>
<TD class="head1" style="WIDTH: 90px">Est. Hours</TD>
<TD class="head1" style="WIDTH: 90px">Est. Delivery</TD>
<TD class="head1" style="WIDTH: 90px">Est. Cost</TD>
<TD class="head1" style="WIDTH: 200px">Comment</TD>
</TR>
When I set the value of a span in a cell using javascript
<TD><Span class="head1" id="TotalHours "
style="width:60 px;text-align:right"></span></TD>
idTotal = document.getEle mentById("Total Hours");
idTotal.innerHT ML = total;
all of the table columns shrink to the minimum size for the content,
ignoring the style width settings. Any suggestion as to why this might
be the case?
Thank you.