Right guys, this is a little tricky because of the way it was coded, it's not terrible coding, but the coder was a little lazy. My site is www.boredombase.com. The columns are the same colour as the background and they clash a little so I was wondering if anyone knew how I could edit my CSS so the background is different to the column colour.. My site CSS: http://boredombase.com/site.css Here is an example of what I am looking for: http://img451.imageshack.us/img451/4562/examplevf0.png Big thanks to anyone who helps!
Take the image I've attached and insert it as a background image for your #container rule. That's it Oh, I did notice the background image is 901px, but that container is 900px. You might need to add padding-right:1px to the container rule as well to make it all show up properly. Edit: vB didn't seem to care for the dimensions of my image. I uploaded it again. Edit #2: vB/DP still doesn't like my attachment. Try this one - http://www.paulhirsch.com/ex/bg.gif - it's only 1 pixel tall, so you might have to look hard for it on your screen
I just noticed a little error here and there, if you look closely at the columns there are a few errors. If you can't see them I attached an example of a page with the errors, they seem to be on every page. http://img390.imageshack.us/img390/1963/efp2.gif
One pixel here or there would need to be tweaked within the #container style. In my post above, I suggested adding one pixel of padding to the right of #container. What happens when you try this?
Good! I'm glad you figured it out. The first screen shot you posted with your desired layout had a total width of 901, but your actual coded site is 900 for the content area. That explains the 1 pixel discrepancy. I was suggesting widening your area by 1 pixel, but saving a pixel off the image works just fine