Posted by Ted O'Connor on 08/18/06 19:17

I have a layout that uses a bunch of nested tables and it takes forever
to render when there is a lot of data. Is there any way to do the
following with an identical visual result without tables?

<table width="100%">
<tr>
<td><img ... /></td>
<td width="100%">
<table><tr><td width="100%">Text 1</td><td><img
..../></td></tr></table>
</td>
</tr>
... (have 100's of these TRs)
</table>

Layout Requirements:
- all first images must align vertically and be left justified
- all second images must align vertically and be completely right
justified
- all contents of outer TR must be inline (no line breaks)
- TD with text must take up as much horizontal space as possible
- need some element that contains just the text and 2nd image (like
the inner table does now)

When I try to switch to just DIVs I can't get 2nd image to right align
and text element to take up all available horizontal space. This must
work in IE and FF.

[Back to original message]