Posted by rtconner on 04/14/06 23:55

for anyone who cares the answer is...
put the divs *before* the span

<div style="float:right;">Right Aligned1</div>
<div style="float:right;">Right Aligned2</div>
<span>This text is aligned left</span>

rtconner wrote:
> What I'm trying to do is line several item up in one row (preferably
> within a LI). The first element *must* be a span tag (unless there
> really is no other way, then I have a lot of work to do) The
> second(through.. 4th?) element(s) can be anything. But I can promise
> there are always three blobs of text I'll have to put after the span in
> each row. They can be in one table with 3 td's or 3, divs.. I don't
> care. What I want though is the first element aligned on the left, and
> the next two aligned on the right.
>
> Here is a visual-
>
> Span Left Text Right Text
> * text1 right1 right2
>
>
> Anything that works in IE 6+, and latest Mozilla is fine.
>
> This code works in Mozilla, not IE.
> <ul>
> <li style="width:100%;background-color:#FFBBAA">
> <span>*</span>
> <table cellspacing="0" cellpadding="0" width="100%"
> style="display:inline">
> <tr>
> <td width="100%">
> aligned left
> </td>
>
> <td>
> right1
> </td>
>
> <td>
> right2
> </td>
> </tr>
> </table>
> </li>
> </ul>
>
> --
> Why am I trying to do this? It's weird but involves use of the mktree
> js library and requirements for building a tree to go into it. I
> thought this would be the easy part to do, but its not turning out that
> way.

[Back to original message]