adding padding to site, and keeping divs, images inside containers

[Giorgio]

Giorgio

April 10, 2014 at 5:20 am

Hi, I’m trying (no success so far) to add padding to the whole site (and possibly in % so it is responsive without having to individually style all @media settings)

What happens is that when images are full width they extend past the containing div.
And I don’t want to individually remove the height/widths attributes on each.

Also: the divs push the aside out beyond the content/wrap on post pages.

to see this problem in action:
*Login to see link

and yes, I know my css is wrong, I’ve tried just about anything I could think of… from max-width to border-box and whatnot, as well as changing the tags I’m editing. No luck.

can you help me?

what I want is a dark background color in the body, and some different background on the content, with nice white-space around it so the content is not so close to the margins.

I’m using boxed layout with sidebars.

On big screen widths I want more white-space, but as it goes down to a mobile-size I want that space/padding to automagically decrease. Which is why I would prefer % to px settings.

and.. I am planning to give a background-color the aside (but I’ve seen that this is easy) so similarly the page content will have to have some extra spacing on the right, between it and the aside (or viceversa, the aside has to have a margin-left).

… and it should all be beautifully responsive! 😉