Sidebar - Anzeigebreite

Hallo Marlene,

hui, hast du da ein Div-Gewirr... das könntest du mit viel weniger Divs umsetzen, dann findet man auch leichter etwaige Anzeigefehler.

Also. Deine Sidebar sitzt in einem Div mit der Klasse sidebar1. In deinem Stylesheet oder sonstwo im Code hast du das aber gar nicht formatiert, sprich, du hast diesem Div keine Breite zugewiesen.

Am einfachsten ist es, wenn du ein Div nimmst, das das gesamte Layout umfasst. Darin bettest du drei Divs untereinander ein, für Header, Mitte & Footer. Das mittlere Div unterteilst du wiederum in zwei nebeneinanderstehende Divs für den Content und die Sidebar. Beiden gibst du eine feste Breite (in Abhängigkeit von der Breite des umfassenden Divs natürlich, so dass es passt) und lässt den Content nach links floaten, damit sie nebeneinanderstehen. Und damit die Sidebar nicht verrutscht bzw. breiter wird, wenn der Content kurz ist, gibst du der Sidebar einen Abstand zum linken Rand, der der Breite des Contents entspricht.

Also:

<div id="wrap">
    <div id="header">
        ...
    </div>
    
    <div id="mitte">
        <div id="content">
            ...
        </div>
        <div id="sidebar">
             ...
        </div>
    </div>


    <div id="footer">
        ...
    </div>
</div>

und:

#wrap {
            width: 600px;
        }
        
        #content {
            width: 400px;
            float: left;
        }
        
        #sidebar {
            width: 200px;
            margin-left: 400px;
        }

Viele Grüße
neontrauma