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.
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.
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:
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.)
Comments 5
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.
Reply
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.
Reply
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; }
to:
body.layout-wt #alpha { margin: 0px 0px 0px 0px; width: 650px; }
Reply
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.)
Reply
Leave a comment