Today I had a lot of trouble with a website. So the site had a big image on the top of it. It was put with the following code
: background:url(images/head.jpg) center repeat-x; . It was all ok, no problems with the diffrent resolutions, yes because of “background” . So I decided to put instead of this image, several images to fade out and in with css 3 script which i found here http://jsfiddle.net/hajmd/ . The script works everything is fine but only on my 24 inch monitor on 1920 x 1080.
On laptops and another screen resolutions the site logo goes too much to the left. Here I uploaded pictures too see what I mean , and again I will repeat, before it was alright because of the background tag..