I’m a huge fan of sprites. they’re by far the coolest thing I’ve run across in CSS in my opinion. there’s nothing like seeing all your menu items load at the exact same time and the rollover being seamless. But I have run across a problem.
I’m working on a site for a client that could potentially turn into a full time position. I used sprites for the navigation and after fixing it for IE6 it worked perfect in all browsers. Till my client looked at it in Mac FF. its off about 20px which is beyond odd bc its perfect in all other browsers. So I had them go to a site where I had used the exact code before and it’s doing the same thing.
This makes me terribly unhappy.
hopefully it’s something I’m doing because I Definitely want to keep using sprites.
problem is my best bud whos on a mac looked at it in his FF and its fine. but 3 macs at my clients office are all doing this.
so the plot thickens.
If you are on Mac and have FF.. please go to UniversalFairs.com and tell me if the menu items are off about 20px upon rollover.
If you have had this same problem or know a way to fix it that would be awesome.
Mac FF 18.104.22.168 the rollovers look fine to me. They shift downward but it looks like that was the intended effect. Also looks fine in Safari and IE 6. Maybe it’s FF 1.5? Can you get a screenshot of the problem somehow?
You could maybe use browsershots.org to capture all the versions of FF and see which one is acting up, and then use a conditional stylesheet to target it and fix it. Otherwise, you can still use "sprites" for each individual menu item. That’s what I usually use, not quite as efficient as it could be, but it still saves some load time and works well:
Chris – I use browsershots.org religiously but it doesnt let you see hover states which according to my client is the problem. the normal state is fine, but when you hover the item shifts. this is about the same site i emailed you about earlier this week. never got that image thing to display in ie6 so im currently looking up some jQuery stuff to see if i can do something similar there.
Toby – thanks for taking a look. I appreciate it.
and i agree. this forum is a wonderful idea.
Ive been needing a css forum to go to that i can trust for a while. this is the perfect site for that since i read most everything here anyway.