I can't figure out a way to possibly make this work in HTML. I have a
table embedded in another table, with the inner table spanning a few
columns. I would like for the outer table to span the width of the
page. The problem is that the 2nd row that contains the colspan'ed
cell with the inner table in it is wider than it needs to be (there's
blank space at the end) which causes the top row to be wider than it
needs to be. Why, and is there a workaround?
Sample HTML follows... Assume the number of columns and widths of
these columns can be variable since the page is generated dynamically.
Also assume I have to have the outer table to keep columns aligned on
consecutive rows.
Thanks!
<HTML>
<BODY>
<TABLE BORDER=1>
<COL>
<COL>
<COL WIDTH=100%>
<TR>
<TD NOWRAP>Outer Table Cell</TD>
<TD NOWRAP>Outer Table Cell</TD>
<TD NOWRAP>Outer Table Cell</TD>
</TR>
<TR>
<TD COLSPAN=3>
<TABLE BORDER=1>
<TR>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
<TD NOWRAP>Inner Table Cell</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
