space between subject and entry content

[riotguns]

Hi! I just started making my own layouts and I'm having one big issue with all my layouts in IE. In FireFox, the layouts look fine, but IE users have brought to my attention that there is a big gap between the subject of the entry and where the entry text starts. I have no idea where to start. Help?

Comments

[malionette]

.userpic {
position: relative;
float: left;

change relative to absolute and delete float: left; . Unfortunately, IE doesn't recognize the relative + float combo, but it does understand position: absolute.

[riotguns]

thanks! i changed that part of the code and it fixed the issue for the layout i'm using on this journal. it also fixed the issue for the layout in the screenshot above. however, the issue is still very much there for the layouts listed below.

http://victuras.livejournal.com/
http://community.livejournal.com/invicted/

i'm not sure what else i've messed up on!
thank you for your help!

[malionette]

victuras: That one is being pushed by your sidebar. This should fix it:

#sidebar {position: absolute; margin-left: 420px;}

--------------

invicted: In Flexible Squares, the userinfo (userpic container) can be either .userinfo or .userinfofriends

• .userinfo appears in recent entries of Personal journals
• .userinfofriends appears in all friends entries and the recent entries of Community journals. You know it's .userinfofriends if you see a username underneath the userpic.

This is the fix: .userpicfriends {position: absolute;}

[riotguns]

that fixed everything! i also deleted the float: right properties for both layouts, since i suppose that makes no sense to position something and float it. ;)

thanks again for all your help. it's much appreciated!