Question

After a long long while I had to do some frontend, and I have a annoying issue to resolve.

So basically I have 1900×1200 Div wrapper and while the whole thing looks pretty and centered on huge monitors, when I open it on a small/resolution monitor it isn’t centered.

I would like the opening position to be in the middle of the whole thing regardless of my resolution.

Any ideas?

The whole thing is driving me nuts and I can’t seem to be able to wrap my head around it. 🙁

(and I’m sorry if I don’t make much sense, its 2:25 am here, I’m not a native speaker and my brain is fizzling out)

Answer 1

You could center the div through absolute positioning.

#DivWrapper {
    width: 1900px;
    height: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -950px;
}

Example: http://jsfiddle.net/AXenC/