?

Log in

No account? Create an account

Previous Entry | Next Entry

Sidebar background colour help

  • Oct. 9th, 2006 at 8:09 AM
Hi everyone :) Not new to S2 but new to expressive and I'm having trouble colouring the sidebars all the way to the bottom of the page. You can see what I mean at triwislinthis.

I'd like the #beta column on the left to be blue all the way to the bottom of the page but it turns white after the last .widget element.

The css I used to turn it blue (at least part of it!) is

#beta-inner { background: #E6E6FA; }

I'm using Firefox's Web Developer extension to view the class and ids of all the elements in the layout but I haven't been able to come up with code that will do what I want it to. Any help greatly appreciated!

Comments

( 5 comments — Leave a comment )
branchandroot
Oct. 9th, 2006 08:14 pm (UTC)
If I recall correctly, the problem is that all three columns get floated, in the three column layout, and that makes browsers cranky about the length of containers. Putting

#footer { clear: both; }

into your custom css window might help the problem. Or it might only affect #gamma. Give it a try and see.
whochick
Oct. 9th, 2006 09:41 pm (UTC)
Thanks for the idea, sadly - it's had no effect on any of the floated columns.
Thoughts?
branchandroot
Oct. 9th, 2006 11:15 pm (UTC)
Hm. There are ways to re-write the css so that none of the columns are floated, which might or might not make the color work. foogod wrote them into his/her css, I know. If you're reasonably familiar with css, you might take a look at that journal's source code and see if those layout options suit for you. Ideally, all you'd need to do is say that #beta has a height:100%, but percent specifications are iffy; not all browsers accept them.

It's possible that there is no way to do this. *rueful* Or you might be able to make a workaround and add a wallpaper to the background of #content that's a slice of the blue you want and repeats only vertically. That's a messier way to do it, but it's certain to work, at least! If you decide on that, the code would be #content { background: url(filepath-to-picture.jpg) top left repeat-x; } Just make sure the picture is the same width as your beta column.

whochick
Oct. 14th, 2006 02:41 am (UTC)
Thanks - that fixed it :) Kudos.
lovepobrecita
Mar. 18th, 2011 02:11 am (UTC)
i have the same problem
I also use web developers tool and so far this community has helped me solved my probs. Yet I've tried this and it doesn't work for me... I want my sidebar to be continues. Is this still possible?

something like this image below?
http://hellomarga.com/assets/img/lj/lj-sidebar-prob.jpg
( 5 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars