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
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
vingolf - 13. Sep. 2011, 7:57 - Rubrik: Layout Sidebars
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.
juchhe
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!