I'm having a format problem in ie 6. Within one large table cell, I've
got a nested table, and a link below it. I would like the link to be
right-justified in the cell.
The nested table has a 'nowrap' column, which sometimes forces the
table to be wider than the specified 200 pixels. The problem is, the
right margin does not seem to be expanded along with the table. So the
Link is right-aligned along the 200-pixel margin, not along the actual
margin of the cell... which looks weird.
An example page is at the bottom of the message. Any idea how I can
fix/work around this? It show up correctly in Mozilla and Opera, just
not IE.
thanks,
Gabe
<HTML>
<body>
<table cellSpacing="1" cellPadding="1" border="0">
<tr>
<td vAlign="top" width="200" align="right">
<table cellspacing="0" cellpadding="4" border="2">
<tr>
<td>Qty</td>
<td>Item</td>
<td>Price</td>
<td> </td>
</tr>
<tr>
<td valign="top">1</td>
<td valign="top">Gr illed Cheese Sandwich</td>
<td valign="top">$4 .95</td>
<td nowrap valign="top">
<a href="#">Edit </a> |  ; <a href="#">Delete </a>
</td>
</tr>
</table>
<a href="#">Link</a>
</td>
</tr>
</table>
</body>
</HTML>
got a nested table, and a link below it. I would like the link to be
right-justified in the cell.
The nested table has a 'nowrap' column, which sometimes forces the
table to be wider than the specified 200 pixels. The problem is, the
right margin does not seem to be expanded along with the table. So the
Link is right-aligned along the 200-pixel margin, not along the actual
margin of the cell... which looks weird.
An example page is at the bottom of the message. Any idea how I can
fix/work around this? It show up correctly in Mozilla and Opera, just
not IE.
thanks,
Gabe
<HTML>
<body>
<table cellSpacing="1" cellPadding="1" border="0">
<tr>
<td vAlign="top" width="200" align="right">
<table cellspacing="0" cellpadding="4" border="2">
<tr>
<td>Qty</td>
<td>Item</td>
<td>Price</td>
<td> </td>
</tr>
<tr>
<td valign="top">1</td>
<td valign="top">Gr illed Cheese Sandwich</td>
<td valign="top">$4 .95</td>
<td nowrap valign="top">
<a href="#">Edit </a> |  ; <a href="#">Delete </a>
</td>
</tr>
</table>
<a href="#">Link</a>
</td>
</tr>
</table>
</body>
</HTML>
Comment