here again another noob asking for alignment/overlapping

here’s my problem. i edited the files adding id for container and content (in my case is “columns” and “col1”, while the sidebar is “col2”)
that’s the portion of the php files of BP, without the > <
[…]
div id =”columns”
div id=”col1″
[…]
/div !– #content —
/div !– #container —
div id=”col2″
?php locate_template( array( ‘sidebar.php’ ), true ) ?
/div

using firebugs i realized that page in my blog use columns as container, col1 for content and col2 for sidebar.
i also added in the css of the blog

.col1,ul.activity-list li,ul.item-list li,{
float: left;
width: 550px;
}

As you can see, for example in activity here http://bit.ly/9Y4T1J , only the first div at the bottom is aligned with the sidebar, then it’s overlapped.
any advice?
thanks in advancet

[@kilik Participant 14 years, 4 months ago]

any help? im stuck

[@modemlooper Moderator 14 years, 4 months ago]

find this
.col1,ul.activity-list li,ul.item-list li{
float: left;
width: 550px;
}

change to this
#col1{
float: left;
width: 500px;
margin-right: 30px;
}

[@kilik Participant 14 years, 4 months ago]

really really thank you, it’s now fixed

[@kilik Participant 14 years, 4 months ago]

oh, there’s a problem look in the homepage, it’s all messed up
edit- and the problem is also on other page for example in /members (the user list is messed up) :'(

[@kilik Participant 14 years, 4 months ago]

help