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?
davideo7Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LZ1Commented:
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.  
 
0
dnwxCommented:
not what you want to hear but I would give up on IE+PNG.
does gif work ok for you?
0
davideo7Author Commented:
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.
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

dnwxCommented:
LZ1, did you try it in IE7?

I could reproduce the error here.
0
LZ1Commented:
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.  
0
davideo7Author Commented:
What do you mean by conditional CSS?
0
davideo7Author Commented:
Also, what else was was horrible about it?
0
LZ1Commented:
Conditional CSS means that you insert an "if" comment into your HTML pages and tell the browser to only display certain style sheets IF it meets the conditons.
This is for IE 7:
 <!--[if IE 7]>
According to the conditional comment this is Internet Explorer 7<br />
<![endif]-->
http://www.quirksmode.org/css/condcom.html 
The horrible part was the lag.  I've never seen IE do that.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
davideo7Author Commented:
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?
0
LZ1Commented:
I know you don't want to ignore IE and you shouldn't.
Have you read this article? http://graphicsoptimization.com/blog/?p=107 
0
davideo7Author Commented:
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.
0
LZ1Commented:
Did you take the page down?  Also who are you hosting through?  Just curious.
0
davideo7Author Commented:
What did you mean take the page down?

I'm hosted thru godaddy and have a dedicated server.
0
LZ1Commented:
I just tried clicking on the link and it gave me a 404 - Not Found error
0
davideo7Author Commented:
Oh right, URL is changed to http://www.vizzed.com/vizzedboard/
0
LZ1Commented:
Have you tried making your png shorter?  It's currently 2112px wide. Try making it something like 10 px wide or even 26px X 26px and repeating it.
0
davideo7Author Commented:
Turns out that I had to make a smaller version of the background for IE users.
0
LZ1Commented:
Glad we got it.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.