CSS

ID:161096
 
Jun 18 2008, 5:21 pm
Well, I am wanting my blog to be matching..

If you look on my blog now, you will see that the side (Member Info) boxes go further down than the main blog post boxes (Center).

What I want to know is how do I make it so that full area is black, but the outsides are still greyish (#333333)...


Problem:


What I want:
Jun 19 2008, 7:53 pm
Hrm, that's a tough one. Oh. I know. Try setting the background-color of the #center to black and see if it encompasses the whole background.

The problem with this sort of thing is that most browsers only display a container for the content it is showing. The container won't go all the way to the bottom of the page unless you specifically tell it to, and that can be a royal pain to get right, especially across multiple browsers. There are some tricks, but I'm pretty sure you'd have to modify the HTML, which we can't do with out members blogs.
Jun 19 2008, 7:56 pm
In response to Xooxer
 
.center, #center {
    width: 52.5%; 
    position: absolute; 
    top: 154pt; 
    left: 32.5%;
    background-color: #000000;
}


It doesn't work with that...
Jun 19 2008, 7:59 pm
In response to Howey
Yeah, I was afraid of that. Hrm. If you know the left side will not change height, you can try setting the height of the center column to match it. Of course, this will break the center if it goes past the bottom of the side. :/

Like I said, this isn't such a simple thing to do, especially without access to modify the HTML.
Jun 19 2008, 8:01 pm
In response to Xooxer
I'll look around on the internet, and see if I can find any tutorials or something that explains this kind of thing.
Jun 19 2008, 8:05 pm
In response to Howey
http://www.alistapart.com/ always has great tutorials and articles. I'd start there.

In the past, I think I tackled this by making the over-all container's background-color black, the side-bars gray and the center with an invisible background. I'm not sure if BYOND's HTML supports that, though. Worth a shot.