Page 1 of 1
kubrick: sidebar schmälern
Posted: Tue Apr 13, 2010 3:03 pm
by liveundinfarbe
Hallo,
dachte mir über style.css müßte das ganz einfach gehen, doch denkste...
http://www.my-application.at möchte ich das tun - dachte mir im folgenden code müßte ich einfach nur "widh" runtersetzen...doch dem ist nicht so...was mach ich falsch ?
Code: Select all
/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 150px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
lg simon
Re: kubrick: sidebar schmälern
Posted: Tue Apr 13, 2010 5:39 pm
by yellowled
liveundinfarbe wrote:dachte mir über style.css müßte das ganz einfach gehen, doch denkste...
http://www.my-application.at möchte ich das tun - dachte mir im folgenden code müßte ich einfach nur "widh" runtersetzen...doch dem ist nicht so...was mach ich falsch ?
Technisch gesehen eigentlich nichts
Die Breite der #sidebar
ist kleiner -- es fällt nur optisch so nicht auf. Durch das Layoutsystem Kubricks und die Tatsache, dass auch die Inhaltsspalte sowie der Container feste Breiten haben, dehnt sich der Inhaltsbereich
nicht automagisch aus, die schmalere Sidebar rutscht quasi nur weiter nach links.
Du musst also sowohl die Breite des Inhaltsbereiches (hier: .narrowcolumn) als auch den margin-left der #sidebar um den Wert erhöhen, um den Du die Breite der #sidebar verringerst. Letzteres ist notwenig, da das Layout in Kubrick eben nur z.T. über Floats umgesetzt wird, sondern über margins. Wichtig ist vor allem, die Gesamtbreite bzw. die Summe der Breiten und margins im Auge zu behalten, ansonsten fliegt Dir schlimmstenfalls das Layout um die Ohren.
YL