Adding space between main content and last sidebar

Oops, sorry, I forgot to attach the image and url :(

Screenshot

and this is the url: www.escolasert.com/arquitectes

Thanks again

Thank you very much again, Sheena

You were right. I did what you suggested and it works perfectly. Thank you very much again!

Regards,

Carlos

Hello again, Sheena,

I'm still working on this and I'd like to pretend put a color background to content-inner region, so it can include all three content areas (content, content-top and content-bottom) plus first sidebar. I have managed to make this work, but unfortunately I can't place a padding atribute to that region (you made me remove it in prior comments). Is there any way to achieve this and thus give a unitary look to those regions?

Thanks again

Edit: you can see the problem here: http://www.escolasert.com/users/administrador-escola-sert

Of course, Sheena. That would definitely help to make me understood.

Here's what I want to achieve: a sidebar that apparently belongs to content regions (main content, content top, content, content bottom...), this is: it's "included" on it. Additionally I want main content to look like it was a box with a white background, not touching other regions like header nor footer nor last sidebar.

Thanks

No, unfortunately I didn't to manage to make it work. :(

I had to add padding and background color to content-top, content bottom and content regions. Unfortunately this is not the best choice and it has some errors at IE and, worst of it, I can't place first sidebar in it (I mean: make it look like it belonged to a region with white background). If the page you're looking at looks like it's working it's because I am using panels, but that's a module I want to get rid of if I achieve what I told you).

Regards

I've been working on this a little bit more:

I have added a background color to main-content-inner region and it works fine. The only problem is that I want some 10px empty space between main-content and last sidebar and header and footer, like main content was somehow floating over a background.

So, with that goal in mind I added 10px margin to main-content-inner region. And that worked fine! Well almost. The problem now is that first sidebar seems not to fit on main content region and it is placed over content instead of floating to the left, as it was supposed to be. The problem happens with 1px margin as well or if I change sidebar width to 1 unit (60px) so I guess it's not a matter of not having enough space.

Can someone give some help on this? I feel I'm almost done but I can't find where my problem comes from, since it's my very first contact with a fusion theme.

Thank you

Thanks as usual, Sheena. If I do that the sidebar is placed where it belongs, but the problem is that main-content region's background "overflows" its space (I'd like to have an empty space between sidebar-last, headers and footers -see the red circles in "screenshot wrong.png" attached). In fact that's what I used to have before.

Regards

PS: sorry for writing so much, I find it hard to express what I want to achieve and what the problems are. Maybe "screenshot ok.png" will be more useful, since it displays what I want to achieve. By the way I find it hard why some regions allow paddings, margins... and others don't or seem to ignore them. I don't know if it has to do with my lack of prior experience with grid method or fusion theme

Hello Sheena_d

No way, having margins in #content-inner-inner div is what I thought to be the best idea, but you made me remove it in comment #2 because it didn't work (it only "moves" the div to the right, overlapping with last sidebar region).

You can see a live site here: http://htl.li/5w1c8

Hopefully you can find what's going on with this, since this is starting to be a poltergeist-like-thing to me now ;)