Ie

[alexgeek]

This is also a sort of accessibility question.
with my sites i like using .PNGs for headers and such and a lot of them are transparent, IE has a problem doing transparent PNGs (the fix didn't work for me) so should I do it all in GIFs (less quality) or take up the extra work and code two stylesheets, one for IE and one for firefox etc.
firefox having pngs and ie having gifs.
yeah so, do you reckon it's all worth the trouble?

[dcpweb]

Hi

You could use a .swf flash file with transparent background.

Better quality than .gif and small than .png

http://kb.adobe.com/selfservice/view...4201&sliceId=2

regards

p shah - www.dcpweb.co.uk

[alexgeek]

I'd love to use flash as a header, but i usually get a lot of problems positioning it etc.
Hmm.
do you reckon I should use a flash page,
and it gives you options,
flash version, IE version, recommended version (firefox with PNGs)
and it could be saved in a session
Sound like a good idea?

[dcpweb]

Hi,

Not too sure what you mean, but never use only flash in your website, simply not good for SEO.

check out my site www.dcpweb.co.uk and you will see how I used flash in title header but also kept html content

regards

P Shah - www.dcpweb.co.uk

[alexgeek]

No i didn't mean all flash.
But anyway.
If I were to use flash,
I like what you've done on your website,
but on mine I'd need the height shorter to fit the content in

[MikeHopley]

Originally Posted by alexgeek

should I do it all in GIFs (less quality) or take up the extra work and code two stylesheets, one for IE and one for firefox etc.
firefox having pngs and ie having gifs.
yeah so, do you reckon it's all worth the trouble?

You'll almost certainly need an extra stylesheet for IE anyway. In fact, you'll need at least two: one for IE6 and one for IE7.

IE7 supports PNGs just fine, so no need to serve it a GIF.

As for IE6, you can either serve it a GIF, or get one of the fixes to work.

[Rob]

Luckily it's easy to target ie6 and ie7 seperately using ie's proprietary implementation of conditional comments.

Code: Select all

<!--[if lt IE 7]>
some code here for ie6 and below
<![endif]-->

[karinne]

And you can use JS to deal with the transparency issue in IE6

How to deal with PNG transparency in IE6

[alexgeek]

I had problems with the JS to deal with the transparency issue.
oh well I'll try it again.
so say I had a style sheet for IE 6 and lower, and then another one for anyone else, what would the IF look like?

[karinne]

Use the code Rob pasted.

The stylesheet for all other browser would just be the simple <link .. > tag.

The stylesheet for IE6, you put between the if statement above

[alexgeek]

Okay thanks
i'm going to code it all so it looks nice then work a bit to make it compatible with most browsers.