Jump to content

Resolution changes, my background mess up


optizyme
 Share

Recommended Posts

Hi folks,

 

I set a background image to my web site in global.css Everything works fine till i tried to change my resolution. Here is my background :

 

http://i.imgur.com/m6oiDk1.jpg

 

As you see, two borders on left and right side. My laptop's resolution is 1366 x 768. I changed to 1024x768 and 1980x1020. Background image messed up the pages. My global.css :

 

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background-image:url('bgBody.jpg'); 
background-position:top center; 
background-size: contain; 
}

 

How do i adapt my background image to all resolutions?

 

Opti

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More