Adjusting position of left column

[Nodge]

I'm trying to edit the default theme to give a grey background at the sides of the screen while keeping the page colour of the actual website white. I've edited the global.css file to do this but the problem is now that the left hand column is bumped right up against the left hand edge of the page. Just to make it look right I need to have a margin of 10 px or so (the same as the right hand side). I've added a pic to show what I mean. Obviouslythe spacing between the columns needs to be the same.
How do I do it?

John

[netmechanics]

Hiya - you need to adjust the width of all columns - can be kinda tricky depending on your template as increasing the combined width will blow out your layout. Are you using Firebug? This way you can see what width is assigned where?

:-)

[Nodge]

Hi Staple.
Could I just increase the width of the whole page by say 10 px and then add a 10 px margin at the left hand side to save messing with the other columns? I'm very much a novice with css. I'm afraid I've not heard of firebug. I do have the webdeveloper add on for Firefox. Is it similar to that? To be honest I was sort of hoping there would be someone who had done this and could just tell me which lines of code to edit but failing that I'll try and figure out the css and experiment a little.

Thanks
John

[SpyrosT]

It could be more easy for you adding a background image created the way you want to look;)

[Nodge]

Thanks SpyrosT but I've done it now. Pretty much how I said. I made the page 14 px wider and just added 14 px left padding to the left hand column and that did the trick.

John

[SpyrosT]

Nice to hear! The only thing left is to edit your firrst post adding [sOLVED]
This might help some others here having the same issue.