CSS pixel shuffle

[JamesManke]

Hey there, am having a problem with a layer shuffling pixels. It works fine in Opera but has problems with Mozilla (Netscape and Firefox). Here is a link to check it out. Dont worry about the trade mark issue, this is a school project - Educational Purposes Only -. Thank you in advance for any insight any of you can give me, cheers...

http://142.179.102.83/students/pc210/new_gbook/first.cfm

Heres the CSS

#drip {
background-image:url(../images/drip.png);
background-repeat:no-repeat;
background-attachment:absolute;
width:150px;
height:500px;
top:135px;
_display:none;
}
#drip2 {
_background-image:url(../images/drip.jpg);
_background-repeat:no-repeat;
_background-attachment:absolute;
_width:150px;
_height:500px;
_top:135px;
_top:140px;
}
#can {
background-image:url("../images/can.png");
background-repeat:no-repeat;
background-attachment:absolute;
width:150px;
height:500px;
_display:none;
}
#can2 {
_background-image:url("../images/can.jpg");
_background-repeat:no-repeat;
_background-attachment:fixed;
_width:150px;
_height:200px;
}

 

[ChrisHunt]

Care to tell us what the problem actually is?

-- Chris Hunt

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

 

[JamesManke]

If you open up the link above that I provided in any mozilla browser and try to scroll you will see that the pixels shift or shuffle to the right of the fixed layer. I doesnt seem to be a problem with opera. There are 2 layered images on the left, I tried removing one and the pixel shifting wasn't as bad but is still there. It one of those things you almost have to open the link and view for yourself to see what I am talking about. Maybe the shifting has to do with my graphics card? I dont know much about it. Thanks

 

[Foamcow]

Works ok for me in Windows Mozilla 1.7a

This is what I see.
Coke can on left with drips is in fixed position. When I scroll it stays fixed, but there seems to be another drip graphic behind that scrolls up with the page. It's quite a nice effect actually and gave me an idea ;-)

http://www.foamcow.com

 

[tviman]

Maybe the shifting has to do with my graphics card?

Doubtful... graphics cards are just an interface between the MB and the monitor. Even graphics cards with tons of memory do nothjing more than enable more colors.

I think you're problem is with the Coke can graphic being non-scrolling - this is causing the monitor to refresh itself every time you move the scroll bar. Put the can in it's own frame more to the left of the rest of the menu and rather than the menu scrolling underneath the can, it will scroll beside it - then you won't have this problem. As foamcow notes, it's a neat effect but you're paying a heavy price for it. In my humble opinion, it does nothing for the functionality or usability of the site!

There's always a better way. The fun is trying to find it!

 

[Foamcow]

Doubtful... graphics cards are just an interface between the MB and the monitor. Even graphics cards with tons of memory do nothjing more than enable more colors.

And as such they tell the monitor what pixels to light up with what intensity. More memory on a graphics card mean it can shunt data about in bigger lumps and therefore, faster. Allowing for higher resolutions, better rendering etc.
It is perfectly feasible that this could be a graphics card glitch. It could even be a driver issue. Since it's not happening in ALL browsers I would say it is possibly due to a combination of card ability and the browser's rendering technology.
That said, it's even more likely to be something far less dramatic.
;-)

http://www.foamcow.com