IE, that browser that ignores most modern web statdards, also doesn't play well with PNG images. So let's see, it's almost the year 2010 and mankind has gone to the moon, found cures for many forms of cancer and even developed hydrogen fueled cars, and yet IE can not display a simple PNG image properly... well that was until today With a little CSS (don't cha just love it?) and this small script on your server you can now properly display PNG images to those who *cough* use IE. Enjoy :nervous:

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers

I seen a similiar script by steve_m who posted this on vbulletin.org but never ever felt the need to use it because in areas where I use .png it don't warrant the use of this because I never had transparent areas or curved edges. I'm sure many people will find this usefull and while I'm posting I thought I would post a link to steve_m PNG Fix in IE just incase people have trouble implementing the fix. PNG Fix in IE.

Such a pity .png doesn't support animations. I'll be one of the people that will continue using .gif as the format but I do use PNG alot more than I did like say a year ago.

Nice Find regardless Colonel Ingus.

__________________
vBImageworks.com - Free premade custom Vbulletin Emoticon Sets, Button Sets, Ranks and more...
My Blog

Thank you Shelley I don't believe steve_m's hack supports background PNG's or rollovers. I agree with you about animations. None the less I do prefer PNG's for everything else, as I have found the image quality to be much better, especially details and shadows. I've seen a lot of people recently moving over to the PNG format. Shame on microsoft for not supporting the format. We need more uniformity among browsers. Hopefully this will help

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers

I've seen it posted a few times on vb.org, but it's always the same JS file being used. Most people still don't know about it though, so it's always good to keep awareness up.

Are PNGs fixed in IE7?

Nope... :p

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers

... * sigh :p

LOL.

I feel your pain :p

As long as people keep using it and they have 50% of the market MS feels that they don't have to fix anything... so in a way people are shooting themselves in the foot by continuing to use IE :ermm:

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers

According to a IE blog, these things have been fixed in IE7:

• Peekaboo bug
• Guillotine bug
• Duplicate Character bug
• Border Chaos
• No Scroll bug
• 3 Pixel Text Jog
• Magic Creeping Text bug
• Bottom Margin bug on Hover
• Losing the ability to highlight text under the top border
• IE/Win Line-height bug
• Double Float Margin Bug
• Quirky Percentages in IE
• Duplicate indent
• Moving viewport scrollbar outside HTML borders
• 1 px border style
• Disappearing List-background
• Fix width:auto

Support has supposedly been added for the following:

• HTML 4.01 ABBR tag
• Improved (though not yet perfect) <object> fallback
• CSS 2.1 Selector support (child, adjacent, attribute, first-child etc.)
• CSS 2.1 Fixed positioning
• Alpha channel in PNG images
• Fix :hover on all elements
• Background-attachment: fixed on all elements not just body

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers

I was making a skin for my upcoming design site, but at some point during the process I suddenly got it in my head to create a theme without worrying about browser compliance. I wanted to go all out.

The biggest thing is my making very liberal use of PNGs with 24-bit alpha transparency, as well as various fixed divs. Neither of the above plays nice with older browsers, I'm afraid...but it is amazing the design possibilities that open up when making free use of more modern techniques.

Needless to say, this skin as it is turning out won't be suitable for a professional site meant for public consumption; it is more of a concept thing. It does look great with the newest versions of FireFox, Internet Explorer and Opera, but it is a complete mess in antiquated browsers. I'm not going to fool with using scripts or hacks to make it look acceptable in those browsers; I'll just code up another skin. A pity. :ermm:

Why not just have a separate CSS file for them instead of making a whole new skin?

__________________

Colonel Ingus - N.A.P.P Member   
Vbulletin Coding Guru / vBHackers.com
vBSEO 3.1 GOLD Released vB Blogs Compatible | Non-Encrypted | Branding Removal Option | Sitemaps 2.1 | Language Packs

Crawlability Network: vBulletin SEO | vBulletin Hackers