Posted by phl on 02/02/86 11:48

hi,

I have data which I display in a table with 5 columns, some of this
data needs to be collapsable, so user can hide it if they wish. I am
trying to do this with a main table of 5 columns for none collapsable
data and inner tables of the same demensions for collapasable items,
with is displayed or hiddened depending what user selects, using
jscript. The html would look like this:

<table border="1" id="table1">
<tr>
<td style="width: 400px">hello</td>
<td>world</td>
</tr>
<tr>
<td colspan="2">
<table border="1" id="table2">
<tr align="left">
<td style="width: 400px">hello new</td>
<td>world</td>
</tr>
</table>
</td>
</tr>
</table>

The problem is with this layout the inner table is shifted a little to
the right, hence the columns of the inner and outer table aren't
matching properly.

Can anyone help or provide alternative method?

Thanks
-phl

• Next in forum: Re: Transparency for DIV's in IE?
• Prev in forum: Re: How do I embed a webpage within another?
• Thread view: hot to align inner table cols with outer table cols

[Reply to this message]