CSS Sidebar

How do I make a CSS sidebar? It should be on the RHS.

 

If by RHS you mean Right Hand Side then..

css code:
#sidebar {
float: right;
}

html code:
<div id="sidebar">
content content content
</div>

Its as simple as that.

 

Hey, thanks but I don't want the simple one. See http://www.pratee.com/ So I have put the <div id=xxx>Sidebar Content</div> On top of content. What I want is a way in which I put the sidebar content and <div> below the content but it should appear in the same position

 

for #mainContent add
float: left;
put that div before sidebar and it will still work, your layout already has a br tag with clear: both; so you only need to change the #mainContent

 

This should work for you:

css code:
#content {
float: left;
width:70%;
}
#sidebar {
float: right;
width:29%;
}

html code:
<div id="content">
content content content
</div>
<div id="sidebar">
sidebar sidebar sidebar
</div>

Just edit the width parts in the css to match your site. You can use px instead of % as well...

 

Thank you MOT, nexenator