Log in

No account? Create an account

Previous Entry | Next Entry

sidebar, alpha length help

  • Apr. 20th, 2008 at 2:00 AM

Short version:

My sidebar is longer than my entries column.  My sidebar is currently absolutely positioned, so it has been brought 'out' of the content frame.  This means that if there aren't enough entries in the #alpha section, the sidebar hangs over and looks odd.  This is only of concern because the community I am designing for is members only, and will always appear this way to non-members.

Is it possible to solve this problem easily?

Testing and Progress can be found at livebackward


( 5 comments — Leave a comment )
Apr. 20th, 2008 02:14 pm (UTC)
Short answer: Yes. Stop absolutely positioning the sidebar. ;)

Or, add height: 1096px; to the body.layout-wt #alpha{} block. However, when your sidebar content changes, you'll have to re-calculate the sidebar height.
Apr. 20th, 2008 05:37 pm (UTC)
see, i knew those were options, i just didn't want to use them. Because adding the height property limits it to that height as well.

and the only reason that the sidebar is absolutely positioned is because i can't get the alpha block small enough in width to allow the sidebar to sit where it should.
Apr. 20th, 2008 06:18 pm (UTC)
I assumed you were absolutely positioning because you were trying to keep images from displacing the sidebar. If all you're trying to do is widen the sidebar and shrink the main column, try this:
Remove the body.layout-wt #beta {} block entirely, remove the margin from body.layout-wt #alpha {} and add 650px of width:

body.layout-wt #alpha { margin: 0px 180px 0px 0px; }
body.layout-wt #beta { float: right; position: absolute; left: 650px; }

body.layout-wt #alpha { margin: 0px 0px 0px 0px; width: 650px; }
Apr. 20th, 2008 06:40 pm (UTC)
I had my alpha width defined at 640. and i even had smaller numbers. But it wouldn't shrink lower than 680 for some reason. I even added a background color to alpha to watch it.

Even setting a fixed width for my asset blocks wouldn't allow it to shrink. and since it wouldn't shrink the sidebar would always be below the entries. and i tried various margins. the 180 margin is just there because i read there was a bug somewhere that allowed that to fix it. Even with 0 margins all around, the alpha block hangs extends about 40 or 50 pixels. if the 180 was the problem here, why doesn't it hang out 180 pixels? (this would make the alpha block wider than the content block.)
Apr. 21st, 2008 02:49 am (UTC)
I don't know if I can answer your questions specifically, except to say that when trying to change the width of the page, it seems to make a big difference which classes you change. If all you're trying to do is change the page widths, there are some instructions at the bottom of the header how-to mega-post that covers re-sizing the layout. If that's not what you were looking for, feel free to comment back and I can try to dig a little more.
( 5 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars