PDA

View Full Version : Cross Browser Compatibility


getchagame
10-22-2008, 02:06 PM
I have made a website navigation bar using the hostmonster sitebuilder. I am using firefox on a mac to make the website. The website looks great on firefox and safari. But i'm not sure about internet explorer. When i looked at from an internet explorer, the navigation bar looked all wierd. Can someone check for me and tell me how to fix this?:rolleyes:

my website is http://www.getchagame.com
Falcon1986
10-22-2008, 02:34 PM
Take a look at your code. It is incomplete. You need to close off your <body> and <html> tags.
getchagame
10-22-2008, 02:56 PM
is it fine now? i added the tags
Falcon1986
10-22-2008, 03:28 PM
OK, so what do you mean by "weird"?
getchagame
10-22-2008, 04:22 PM
like this http://browsershots.org/screenshots/a01661aa9380bfc04e476f39dbc3d3f2/

anyway i found out that my website acts like the above picture with Internet Explorer 6.0, 5.1, and 4.01. How do i fix this now?
Chella
10-22-2008, 07:34 PM
I believe that your issue is with PNG transparency. (http://homepage.ntlworld.com/bobosola/)
getchagame
10-23-2008, 01:49 PM
Thanks so much. i think that information on that website fixed my problem with most internet explorer versions. any idea how to fix it for previous internet explorers? to be more specific, my website still looks like the previous image for internet explorer version 5.01 and 4.0
r2b2
10-23-2008, 02:37 PM
Personally I wouldn't bother - those version of IE are so old that hardly anyone would be using them still and no-one should be using them still.. (they're so full of security holes etc.)
Falcon1986
10-23-2008, 02:44 PM
Internet Explorer 6 and below always had problems with transparency in PNGs. This was fixed with the release of Internet Explorer 7.

I too implement the PNG transparency fix in the header of my webpages since, like you, I understand that there are some pre-IE7 users visiting the website. This could be solved altogether, however, if I were to use other image compression formats, but I prefer the lossless quality of using PNGs and the added transparency support.

There is no way of fixing everybody's browser so that they all display your site the way it was meant to be displayed, but you can implement some other creative strategies. For example, instead of using PNGs you can use JPEGs or GIFs, which are much better supported to display properly across a wider range of browsers. There is limited support for the number of colours and transparency using GIFs, however, and JPEGs are a lossy compression format.

On the other hand you can eliminate the use of images altogether and go with pure HTML+CSS, the effect of which will manifest itself in much faster-loading webpages and a bit neater code.
getchagame
10-23-2008, 04:42 PM
thanks for the help you guys. you're right... i don't think very many people use internet explorer 5 or 4 so it doesn't matter
pghcollectibles
10-24-2008, 02:13 PM
if you really wanted to make your screen look good for all the browsers, you can run code to detect viewers browser and use jpeg for old browsers and png for newer ones