entries overlapping

[unreal]

So here is what I want. Header full width and entries + sidebar in the middle but not full width. So far I got this: http://recycle.livejournal.com/ but on a smaller screen resolution it seems the entrie subject bg hovers under the sidebar. And when the sidebar ends the entries are under it. How do

Comments

[fueschgast]

Do you want only the maincontent centered or maincontent and sidebar together?

[unreal]

I would like both to be centered. The maincontent is not the problem but the sidebar it seems.

[fueschgast]

Add position: relative; and left: 50%; to the sidebar and make it's left margin -430px. Make maincontent's left margin 142px;

[unreal]

Thanks for the help but I still rather want the sidebar on the left and not the right.
Another question. When I make my window smaller my first entry also get's smaller: http://i.imgur.com/cOZPz0x.png
How do I stop that from happening.

[fueschgast]

o_ô But that code does keep the sidebar left. Just make the maincontent's left margin 142px and give the sidebar's left margin a minus. It seems to also make that entry-width problem go away.

[unreal]

When I add everything you told me the sidebar goes to the right. This is my code now.
#content {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: #;
padding: 0px;
}

#maincontent {
margin-left: 142px;
margin-right: auto;
margin-top: 10px;
background: ;
}

/* sidebar */

#sidebar {
position: relative;
left: 50%;
width: 235px;
margin-left: 430px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
background: #;
color: #666666;
font-family: verdana;
font-size: 8pt;
line-height: 12pt;
text-align: justify;
float: left;
display:;
}

[fueschgast]

The sidebar's left margin needs to be -430px, not 430px.

[unreal]

Woops sorry thank you :D