Posted by Els on 08/18/06 19:55

Ted O'Connor wrote:

> 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.

How about showing the current table version? Makes it easier to
visualize the desired result.

--
Els http://locusmeus.com/

Now playing: De Dijk - Onderuit

[Back to original message]