|
|
Posted by bob_jeffcoat on 11/26/07 19:58
Hello,
I want to nest a table in another table in a way that makes it appear
that there is only one table. This is because the program I have
written joins tables together and it looks best if there appears to be
only one table and it avoids the problems of column spanning. I can
use this in the nested table in Firefox:
<table border = 2;Width=100% style='border-collapse: collapse; border-
top: hidden;border-bottom:hidden;border-left:hidden;border-
right:hidden' >
and it appears in the outer table just like some extra rows. But in
IE 7 it doesn't work as it appears with a border around the nested
table. It is driving me mad. Here is my entire HTML:
<html><HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
</STYLE>
</HEAD>
<body >
<div >
<table border='1' style= 'border-collapse: collapse' caption="" >
<tr >
<th colspan='2' >Design Datum</th></tr>
<tr ><td colspan='2'>
<table border = 2;Width=100% style='border-collapse: collapse; border-
top: hidden;border-bottom:hidden;border-left:hidden;border-
right:hidden' >
<tr ><th colspan='2'>Position</th></tr>
<tr ><td >X Axis</td><td>(1, 0, 0)</td></tr>
<tr ><td >Translation (mm)</td><td>(0, 0, 0)</td></tr></table>
</tr></td>
</table>
</div>
</body>
</html>
Can anyone help me?
Thanks,
[Back to original message]
|