• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 404
  • Last Modified:

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?
0
davideo7
Asked:
davideo7
  • 8
  • 8
  • 2
2 Solutions
 
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 new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
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
 
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

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 8
  • 8
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now