By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,724 Members | 1,707 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,724 IT Pros & Developers. It's quick & easy.

IE 6: right-align to cell margin & "nowrap"

P: n/a
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>&nbsp;</td>
</tr>
<tr>
<td valign="top">1</td>
<td valign="top">Grilled Cheese Sandwich</td>
<td valign="top">$4.95</td>
<td nowrap valign="top">
<a href="#">Edit </a>&nbsp;|&nbsp; <a href="#">Delete</a>
</td>
</tr>
</table>
<a href="#">Link</a>
</td>
</tr>
</table>
</body>
</HTML>
Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Seems like a bug in IE. Link must be right aligned.

Conflicted area is 200 px. change it to e.g. 270
<td vAlign="top" width="200" align="right">

You may use
http://blocknote.net/info/rulersexplained.htm
of BlockNote application to find such conflicts in tables.

Andrew Fedoniouk.
http://blocknote.net

Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.