Twoday Logo
help > Layout Sidebars > Breite Sidebar Anmelden nächstes Blog lesen
About
Account (Benutzername & Profil)
Administration
Advanced
Anmeldung
Archiv
Backlinks (Referrer)
Beiträge
Berechtigungen
Bezahlung
Bilder
Blog als Buch
Blog anlegen
Blog archivieren
Charts
Dateien
... weitere
Profil
Abmelden
Weblog abonnieren

Breite Sidebar

Hallo,

ich versuche die Breite der Sidebar im layout 'Simple Page' zu verändern. Im CSS

/* sidebar */

#sidebar01, #sidebar02 {
overflow: hidden;
}

ergänzte ich um die Angabe der Breite, so dass es nun heißt:

/* sidebar */

#sidebar01, #sidebar02 {
overflow: hidden;
width: 200px;
}

...leider zeigt sich keine Veränderung. Kann mir jemand verraten, wo der Fehler liegt?

MfG, Vingolf
User Icon
skydance vor 5452 Tagen

Im Stylesheet der mit dem Benutzernamen verlinkten Seite steht keine Breitenangabe, ist die wieder entfernt oder geht es um eine andere Seite?

Allgemein gilt: Die tatsächliche Breite eines Elements wird nicht nur über die eigene width-Angabe des Elements bestimmt, sondern auch über die Breiten von nebenstehenden und umgebenden Elementen, und damit's nicht zu einfach wird, auch noch von den zugeordneten Abständen (margin).

Eine gute Möglichkeit, sich da etwas überblick zu verschaffen, ist Firebug.
User Icon
vingolf vor 5451 Tagen

Danke. Es geht um einen anderen Blog. Mit Firebug bin ich nicht weitergekommen. - Habe das Problem jetzt anders gelöst und die Elemente in der sidebar angepasst.
User Icon
vingolf vor 5451 Tagen

juchhe

.... bei einem weiteren Design-Projekt ist es mir gelungen, die Breite der Sidebar1, wie auch die Größe des Beitragsfeldes zu definieren. Für alle, die ebenfalls nach einer Lösung suchen:

Die Breite des Beitragsfeldes (container, content) veränderte und ergänzte ich im CSS

/* content */

#content {
padding: 11px 22px 0px 22px;
overflow: hidden;
width: 780px;
}

#container>#content {
width:780px;
}


body>#wrapper #content {
overflow: visible;
width: 780px;
}

und die Sidebar-Breite legte ich fest im CSS durch die Eingabe:

/* sidebar */

#sidebar01 {

font-size: 12px;
color: #ee82ee;
text-align: center;
overflow: hidden;
margin: 00px;
width:330px;
float:left;

...scheint zu funktionieren.
MfG!
development