Website Design Forum

**TheProfessor** · 11-08-2004, 10:44 PM

Hi, first time posting here! So here goes!

http://www.paragondefenseforce.net/news/

I've made my website using a fair amount of png-24 files as I'm sure many of you are well aware of IE's innefficiencies dealing with the image type.

I've found a few sites which detail how to use some Javascript/html code to allow IE so see the transparancy of png files, but none of them work for me because I use an external .css file which I guess is a no-no.

Even then, I'm not huge on the idea of using a hack. The solution I'm looking would detect the browser the viewer is using and then either send them to the original site (with .pngs) or to a .jpg and .gif site if they are using IE. Is this possible? If it is, could anyway help out or maybe guide me towards a good tutorial that could do this?

Thanks in advance for any help!

**zcorpan** · 11-10-2004, 04:59 PM

I would go for this:

Code:

<head>
<link rel="stylesheet" type="text/css" 
media="screen" href="/default.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" 
media="screen" href="/ie.css" />
<![endif]-->
</head>

Then simply override what you want changed in IE. Read more about conditional comments

Or, you can use an IE css bug, like this:

Code:

/* the default png-24 image... */
#foo { 
background-image: url("default.png");
}
/* ...and a gif image for IE */
* html #foo {
background-image: url("ie.gif");
}

Read more about the star html bug

--

A simple "browser detection" (UA sniffing) is not as accurate as these two methods as the user can change the UA string.