Defined website margins in pixel + lightbox problem

[ArneRobot]

Hello,

on the website I am currently building: http://sebastianlange-sax.com/wp

I needed defined left and right margins on my screens to make my layout work the way it should (fixed menu icon on the left) so I set the body to

body {
margin: 0 60px 0 60px;
}

This works pretty nicely and the rest of Lay Theme adjusts well to that. But unfortunately the lightbox drifts off to the left. Probably it can't center correctly anymore. See here for example:

http://sebastianlange-sax.com/wp/saxussion

Any idea how I can either fix the lightbox or find a better solution for my left and right body margins?

Thanks for your help!
Cheers, Arne

[mariusjopen]

Hi Arne,

when you remove your custom CSS and HTML does the lightbox then work?

Best!

Marius

[ArneRobot]

Hello Marius.

Yes, it's definately this bit that confuses the lightbox:

body {
margin: 0 60px 0 60px;
}

I know about that but I need these fixed picel margins for my design. So I'm looking for a solution to fix the lightbox AND have my fixed page margins!

Any idea how to achieve that?

Thanks and regards,
Arne

[ArneRobot]

I got it: I replaced "margin" with "padding". Lightbox intact!

My code now is:

body {
padding: 0 60px 0 60px;
}

[mariusjopen]

Hi Arne!

What a relief!

Great!

Best!

Marius