Sidebar ist kürzer als Hauptseite / Artikelseite...

Hi!

Nachdem ich ein Sidebar-Problem zunächst in den Griff bekommen zu haben schien, hier gleich mal eine neue Frage:

Die Sidebar hebt sich farblich vom Hintergrund der ganzen Seite, wie auch von der Farbe der Artikel ab. Wenn ich aber einen Artikel in der Einzelansicht anschaue, die Kommentare angeschaut werden usw., hört die Sidebar irgendwann auf. Es gibt einen weißen Block und irgendwann kommt eben der Footer.

Was kann ich am Geschicktesten machen, damit die Sidebar, also im Grunde ja nur die "Füllfarbe" bis zum Footer geht und nicht abgebrochen wird?

Anbei zwei Screenshots, in der obrigen Ansicht wie's momentan noch auf der Startseite, also dem Blog, in dem noch nicht sehr viel steht. Auf der unteren Seite die Artikelansicht, die Sidebar "bricht" ab.

Ach ja: Vollständig angezeigt wird der Inhalt der Sidebar, es ist also nicht das Problem, dass bestimmte Elemente ausgeblendet würden.

Habe es mit dem float-Befehl versucht, aber da ist die Sidebar (ich hatte 100% eingegeben) plötzlich unter den Footer "gesprungen".

Hier der Code aus der stylesheet.css:

#sidebar {
    float: left;
    width: 280px;
        background: #663300
}


#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}




#sidebar li {
    padding: 20px 30px;
    border-bottom: 1px solid #C6CD9C;
}


#sidebar li ul {
    padding-left: 24px;
}


#sidebar li li {
    padding: 0;
    border: none;
}


#sidebar h2 {
    letter-spacing: -1px;
    font-size: 1.3em;
           margin-bottom: 1em;
    padding: 0 0 0 15px;
        background: url(images/img4.gif) no-repeat left center;
}


#sidebar a {
    border: none;
    padding-left: 10px;
    background: url(images/img5.gif) no-repeat left center;
        color: #6C7F00
}


#sidebar a:hover {
    color: #FFFFFF;
}

edit:

Zunächst mal ganz vielen Dank. Ich habe jetzt eine grafik erstellt, die ich sbbg.jpg genannt habe. Die habe ich in der style.css an die Stelle kopiert, in der ich auch den Hintergrund für die Sidebar definiere:

#sidebar {
    float: left;
    width: 280px;
        background: url(images/sbbg.jpg) #663300;
}

Nun ist es aber immer noch so, dass auch die Grafik als Hintergrund auf längeren Seiten nicht bis zum Footer durchläuft.

Ich habe hier mal die letzten Zeilen der sidebar.php, ich habe die Vermutung, dass der Hase hier im Pfeffer liegt, oder wie das heißt:

<?php if(is_home()) {?>
  <?php }?>
  <?php endif; ?>
</ul>
</div>
<!-- CLOSE sidebar-->

Ich weiß aber nicht, ob, oder welche Teile ich hier löschen muss, damit der "Durchfluss" bis zum Footer stattfindet...

Gelesen habe ich die Antwort wohl, gleichsam aber offensichtlich auch missverstanden.

Ich dachte, ich solle in der sidebar.php kein Bild einfügen...hoppla...

Den Content-Bereich habe ich gefunden. Der sieht bei mir so aus:

/* Content */


#content {
    width: 760px;
    margin: 0 auto;
        background: #FFFFEA
    
}

Die Seite, um die es geht, das macht das ganze vielleicht ein wenig einfacher, ist teachers’ lounge

Mein Problem ist nunmehr, dass ich nicht weiß, wie ich im content-Bereich eine Hintergrundgrafik für die Sidebar einfüge, bzw. anhänge...Ich habe gerade gegoogelt, vermutlich auch nicht so hundertpro richtig und keinen Befehl gefunden, der mir weiterhelfen würde.

Die Sidebar hat ja eine andere Farbe als der eigentlich Content, sie ist braun, der Content beige. Hast du da vielleicht noch einen Tipp? Würde ich die fragliche jpg-Datei einfach hinter die Definition für den background setzen, würde ja der Hintergrund meiner Artikelseite die gleiche Farbe haben, wie sie die Sidebar hat...och herrje, das ist aber auch alles kompliziert :)

Es hat geklappt!

Ganz, ganz, ganz vielen lieben Dank!