Need help lengthening sidebar's background image

[kweenkong]

Earlier today, the moderator sent me a link to A List Apart, where he thought my question about "faux columns" would be resolved. But that info didn't work on my blog... So hopefully one of you can help.

Please take a look a my blog: South Side Star (http://southsidestar.blogspot.com)

How do I get the white sidebar (background image) to appear the same length as the main wrapper? I want it all to appear like a perfect rectangle, not this short, cut-off side bar.

If you look at my source code, maybe there's too many other background images that are preventing this? Because I've tried putting the white background image up in the BODY sidebar wrapper, and it just disappears.

Any suggestions?

Thanks!

[WebJoel]

You have a few validation warnings (errors) to fix.

[kweenkong]

Maybe I'm too new... but the screen doctor thingy didn't help me.

-- I didn't understand/see details about the code errors were, and
-- you didn't say whether these errors are tied to the "sidebar" problem I wrote about.

Guess I'd better try elsewhere to get help with this.

Sorry.

[Centauri]

When chasing a problem, it is always a good idea to check for coding errors. Even if the errors don't pertain directly to the problem at hand, correcting them will prevent the coding being influenced by them. You can use the online w3c validator (http://validator.w3.org/).

To your problem, a variation of faux columns could be used here. If the background graphic is applied to #outer-wrapper instead, borders of colour #6C82B5 to match the body background can be used on the #main-wrapper and #header-wrapper to give the appearance of separate panels.

Cheers
Graeme

[WebJoel]

Maybe I'm too new... but the screen doctor thingy didn't help me.

-- I didn't understand/see details about the code errors were, and
-- you didn't say whether these errors are tied to the "sidebar" problem I wrote about.

Guess I'd better try elsewhere to get help with this.

Sorry. No, -new people are always welcome. They receive the best help here. What with 400+ "warnings" (screenshot shows 400, I just checked your site again, -now says 430??), I wasn't about the attempt to diagnose the problem with your page. I do not know what "screen doctor" is, -sorry.
The 'sticky' contains a suggested 'code-of-conduct' and there is one rule, -"validate first", that truly makes sense. A 'fix' that works now, might not work once the code is validated ("corrected to W3C standards"), therefore, validate first, request help after.
But here's a help: -look for "HTML Validator by TIDY". I think it exists as a 'stand alone' program, but I use it as an extention (an "add-on") in Firefox the browser. It (and Firefox), are free.
It offers a 'code checking' option that will, with one-click, "clean up your code", essentially, correcting all "warnings" (proprietary, deprecated, nested tags). You have 400 "warnings", -TIDY might very easily be able to fix them ALL, with one click! Any one of these 'warnings' could just as easily be the reason why your page wasn't working as expected.
TIDY will not correct bona~fide errors, which it does not understand (it may fix an error incorrectly, which is of no help at all), so it merely points out that it is an error, suggests why it is an error, and shows a possible correction and URI to source of reasoning.
Lastly, :) -do have patience with us volunteering help. We have jobs and put in hours doing this kind of stuff and a good attitude goes a long way, -especially on a weekend.