Sidebar neben dem Contentbereich

Moin,

ich arbeite mich gerade in WordPress und zugleich in das Thema CSS ein.
Ich möchte gern folgendes erreichen:
Ich habe rechts eine Sidebar mit fixen Breite von 210px. Links daneben soll der Content sich den restlichen verfügbaren Platz des Bildschirms nehmen. Die Sidebar soll natürlich immer rechts stehen bleiben.

Ich habe die Sidebar so definiert:

#sidebar {
float:right;
width:210px;
padding:15px 0 20px 20px;}

Der Contentbereich sieht so aus:

#content {
float:left;
clear:both;
padding:0 30px 0 30px;}

Jedoch ist es so, dass der Content immer über die gesamte Bildschirmbreite geht und die Sidebar dann darunter rechts angezeigt wird.

Wer kann mir einen Tipp geben, was ich falsch mache? Wie definiere ich im CSS, dass die Bereiche nebeneinander angezeigt werden sollen?

Danke!
Jens

Vielen Dank für Deine Antwort. Ich habe es jetzt so einmal probiert, das Clear:both zu entfernen und die Reihenfolge Content/Sidebar zu tauschen.
Jetzt wird

<?php get_sidebar(); ?>

noch vor dem Content ausgeführt. Mit dem Ergebnis, dass jetzt zuerst rechts oben die Sidebar angezeigt wird, und der Content darunter über die gesamte Bildschirmbreite.
Leider also auch nicht das, was ich möchte...:neutral:

Gruß,
Jens

Danke für Deine Hinweise, aber so recht komme ich nicht weiter.

Da ich neu in den Thema bin, fällt es noch etwas schwer, zu wissen, welche Infos man geben muss, damit man mir helfen kann. Ich bin selbst Programmierer und in Foren unterwegs, wo sich viele Neulinge rumtreiben. Daher weiß ich, wie frustrierend es ist, wenn man ihnen alles aus der Nase ziehen muss. Aber man muss auch die andere Seite sehen. Daher hab bitte etwas Nachsicht mit mir :-D, denn ich weiß nicht, an welchen Stellen man den Fehler suchen muss.
Oder genauer sagen, welche Infos fehlen, um mir helfen zu können.

Hier mal die Kompletten Sidebar und content-Bereiche:

/* ---- page ---- */
#page {
position:relative;
width:100%;
margin:0px auto;}


#sidebar {
width: 210px;
float: right;
padding:0px 0px 0px 0px;
}


#sidebar h2 {
font-size:1.1em;
color:#80151A;
padding-top:15px;}


#sidebar ul {
font-size:0.9em;
list-style:none;}


#sidebar ul li{
padding:2px 0 2px 0px;
list-style-image:none;}
#sidebar ul li li{
padding:2px 0 2px 15px;
background:url(images/menu-leaf.gif) no-repeat 0px 8px; }


#sidebar a {
color:#000;
text-decoration:none;}
#sidebar a:hover {
color:#700;background-color:#F2F2F2; border-right:#ccc 5px solid;}
#sidebar a.active{background-color:#FFCF80;}


/* ---- content ---- */
#content {
float:left;
padding:0 10px 0 10px;}


#content h2 {
font-size:1.3em;
font-weight:normal;
color:#80151A;
margin:10px 0 0 0;}
#content h2 a {
color:#80151A;
text-decoration: none;}
#content h2 a:hover {
color: #80151A;
text-decoration:underline;}
#content h3 {
font-size:1.1em;
font-weight:normal;}
#content p {
line-height:1.3em;
word-spacing:0.3em;
margin:8px 0 10px 0;
font-size:0.8em;}

Danke!
Jens