View Single Post
Posts: 120 | Thanked: 33 times | Joined on Jan 2010
#491
Originally Posted by b666m View Post
there are two ways (depends on where i put the float-right):

1.
- avatar is top-right (where i want it to be).
- text gets moved under the avatar (where it shouldn't be).
- message bubble (grey) expands the whole size?!

2.
- avatar is anywhere else in between of the text.
- text and bubbles totally dearranged

i don't want to try anymore. css is driving me crazy at this point. ^^

and it seems that nobody really wants to have a new layout like this one.

i could post the code/ upload the files if somebody wants to take a look at it. but this one isn't easy to understand because of one new layer before the bubble and having these two layers aligned to the message-block which i colored for this mod too. (took me 3 hours for having this layout ^^)
Did you try separating the Div's in the html code for the Avatars? If you float both the avatar and message bubble to the right and your order for the message and Avatar divs is not correct and your message bubble width is not limited, it will automatically float the message bubble under the Avatar.
It looks like your order might be correct but have you limited the width of the bubble so it will fit between your avatar and margin on the left of the bubble?

Posting the code or files might help.