CSS Forum

**D.O.I.P** · 04-13-2007, 12:52 AM

I've been working on this for the past hour, and can't for the life of me figure out how to make it work.

Someone asked me if I could put a sidebar on the right hand side of their content. Sure, should be no problem.

Then I saw their code.

http://www.styleleak.com/

How would I get a sidebar onto the right hand side of this site?

Thanks.

**Kirtan** · 04-13-2007, 01:34 AM

Change #main-wrapper id's float:right rule to float: left
And change #sidebar-wrapper id's float:left rule to float: right;

**D.O.I.P** · 04-13-2007, 01:42 AM

Right-o, that works, but I also want to keep a sidebar on the left.

**ADAM Web Design** · 04-13-2007, 01:50 AM

http://www.pixy.cz/blogg/clanky/css-3col-layout/ <--- that's the easiest one you can use. However, there are others.

**Kirtan** · 04-13-2007, 01:59 AM

Leave the code as it is and this rule

Code:

#main-right {
float:right;
width:20%;
margin-right:1%;
}

and place all you right hand side col content within <div id="main-right">Right hand side col content</div> just below main-wrapper div

**D.O.I.P** · 04-13-2007, 02:24 AM

Thanks, that worked.

Talkumption for you!

**Kirtan** · 04-13-2007, 02:48 AM

Glad to help.

I am kind of "get the job done" person. Listen to Mods of this forum, Adam, Learning Newbie, TA and Forrest to expertise web technologies.

**LadynRed** · 04-13-2007, 02:24 PM

Quote:

#main-right {
float:right;
width:20%;
margin-right:1%;
}

You need to be careful of that - the right margin on a right-floated
div will trigger the doubled float margin bug in IE6 and below.

**akundimohan** · 04-14-2007, 09:56 AM

Just cut the newsidebar-wrapper and paste it below the main-wrapper. Than it will display in right side.