[Solved] Background image aspect ratio proportional to content

[scatman]

Greetings.
This is my first post on this forum and so I ask ye who read this to bear with me

Here is my background image for my current project: http://i.imgur.com/lcigXy7.jpg

What I need to figure out is how do I keep my stuff in the red/pinkish area only.
Currently with different resolutions my stuff gets all over the squared areas on the left and the right side of the image.

My current code for it:

html {
background: url(“file:///C:/Users/KKK/Desktop/Gameela 0.5/bgimg.jpg”) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-backgro__und-size: cover;
background-size:cover;
}

http://codepen.io/scatman/pen/MYYgvB

Please help

[Paulie_D]

Something like this works too:

http://codepen.io/Paulie-D/pen/raaVXg

[scatman]

You guys are GODS!

Thank you!!!!111!

[Paulie_D]

We try harder!

[Author]

Posts