Link to home
Start Free TrialLog in
Avatar of davideo7
davideo7Flag for United States of America

asked on

Transparent PNG's used as table backgrounds lag Internet Explorer, how can I fix this?

Transparent PNG's used as table backgrounds lag Internet Explorer, how can I fix this?

Take a look at what I mean here:
http://www.vizzed.com/vizzedboarddev

If you grab the scroll bar in internet explorer and scroll, it lags, but it doesn't do this in Firefox.  I know for a fact that it's the transparent PNG's because when I remove them, it seems to be fine.  How can I fix this problem?
Avatar of LZ1
LZ1
Flag of United States of America image

I've personally tried on several different PC's and found no lag between FF & IE.  
What kind of system do you have? How many programs are you running?  Etc.
I'm not saying it is for sure your system, but we will need to start eliminating some variables if we're going to troubleshoot.  
 
Avatar of dnwx
dnwx

not what you want to hear but I would give up on IE+PNG.
does gif work ok for you?
Avatar of davideo7

ASKER

LZ1: You're doing as I said, grabbing the Scroll bar and pulling it down and it pulls down smoothly?

My Specs:
Type: Desktop (HP)
Operating System: Windows Vista Ultimate (64-bit)
Processor: Intel 2 Quad Core - Q9450 (4 x 2.66 GHz)
RAM: 3 GB
Graphic Card: NVIDIA GeForce 8600 GT
Monitors: 2 (19 inch HP w2007 and 22 inch AOC)

Others have had the same problem so I know it's not my computers specs.


dnwx: Well the PNG graphics are semi-transparent and GIF can't do what it is I want.  If it comes down to it, I may have to use different graphics depending on what the users internet browser is, it's a last resort though.
LZ1, did you try it in IE7?

I could reproduce the error here.
I was trying it in IE 8 with compatibility mode.  I saw IE 7 and it was horrible.  
They aren't that large and don't seem to be corrupt in any way. I've searched and searched and haven't found one thing on this kind of issue.
I know you said gif's are out of the question, so you may end up doing some conditional CSS.  
What do you mean by conditional CSS?
Also, what else was was horrible about it?
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Ok thank you, but for now that's a last resort solution, anyone have any solutions that will make this work in IE without ignoring IE?
I know you don't want to ignore IE and you shouldn't.
Have you read this article? http://graphicsoptimization.com/blog/?p=107 
Yeah I read that article and the PNG's I'm using for the backgrounds are very small in file size so that's not the problem.
Did you take the page down?  Also who are you hosting through?  Just curious.
What did you mean take the page down?

I'm hosted thru godaddy and have a dedicated server.
I just tried clicking on the link and it gave me a 404 - Not Found error
Oh right, URL is changed to http://www.vizzed.com/vizzedboard/
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Turns out that I had to make a smaller version of the background for IE users.
Glad we got it.