Well ... you're problem is with this

Code: Select all

<div id="topimage"/>
<div id="mainlink"/>
<div id="maincontents"/> <div id="sidebar"/>

You can't do that. If they're empty just

Code: Select all

<div id="topimage"></div>

<div id="mainlink"></div> 
<div id="maincontents"></div>
<div id="sidebar"></div>

So basically the site is centered horizontally right? So ... create are wrapper div

How to cdenter your site horizontally

Then just float your #maincontents left and #sidebar to the right. Don't forget to give them widths too.

You might want to have a look at my sticky in the Beginners Resources section ... the same one as in my sig for examples on how to achieve 2-column layouts.