white bar on left

Manganix

Member
Hi,


I'm centering an image background with:

HTML:
	body {
	background: url(IMAGES/BACKGROUNDS/GEARS3_BG.jpg) no-repeat fixed center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	}

But there is still a (thin) white bar seen on the left side of the screen.
Tried aligning left, right, ... but still the bar won't go or switches sides of the screen.

http://www.gamanga.com/

How to make the background perfectly match the screen?


Thanks.
 
Last edited:

ronaldroe

Super Moderator
Staff member
I don't see the line, but if you're using background-size:cover, you don't need to center it, IIRC.
 

Manganix

Member
it is a very subtile fine white line, ... but since I'm seeing it, it bothers me.

It is more clear when you open the pic below in a new tab.


5unm.jpg



PS: I tried without centering too, no dice!
PS: issue (white bar) occurs only in chrome. IE and FF are OK!

Thanks.
 
Last edited:

Phreaddee

Super Moderator
Staff member
Went to check it on my phone.

Your site doesnt work very well on a phone!

My guess is its in the image...
 
Top