Need help with IE 6
so I have been working on the website now for like a couple of months and I am testing it on chrome mostly. but before i release anything big i always check it on firefox 3.something and IE7. Now I got some complaints that it doesn't look very good in IE6, and when I check it out ... well, it doesn't look like it's intended. Is there a quick fix I can add to my HTML to make it look the same in IE6 as it does elsewhere?
a source to share
At risk of downvotes: Have you tried adding IE6 to your test matrix? If you have a significant number of users complaining that it looks bad on IE6, you clearly have a significant number of users using IE6 to use it, so it seems like it might be worthwhile to just add it to the set of browsers you are pre-release. ... Just say.
a source to share
Really good start http://code.google.com/p/ie7-js/ Just put it in the conditional comment tags in the header of your document and it will make ie6 'standards-compliant. After that, make sure you have separate css documents for each IE version, and make sure all your code is valid with the w3 validator. Also the doctype declaration can fix a lot of problems, but it MUST be on the first line the browser sees.
Edit: also, for png transparency, I found this http://www.twinhelix.com/test/ (IE PNGFIX 2.0 Alpha) works best.
a source to share
There is no quick trick to get everything to work. To a large extent, you need to study every element that looks different. However, you can try looking at the CSS reset file. Yahoo has one. And if you google it , I'm sure you can find others.
a source to share
Read the following: Exporer Internet Model Error . Also try using YUI reset or Eric Meyer resetReloaded to set the baseline for all your styles.
And stop developing in Chrome! Try Firefox with Firebug.
a source to share
How Much Does Your Site Break in IE6? If it was insignificant, I would not worry about it.
How critical is it that it works in IE6? market share is slowly but surely declining (looking at my own magazines from the government website also shows IE6 is definitely going away). Can you show a message on your website to let users know if they are using IE6 and let them know they are updating?
There are many reasons to upgrade, and educating users about why they should upgrade can be helpful as well?
a source to share
Resetting the CSS probably won't do anything if it looks fine in IE7. Things like double fields on float and overflow: Automatic errors are things that need to be added manually for each event. I would suggest adding the following line to your tag:
<!--[if lt IE 7]><style type="text/css">@import "/stylesheets/ie6.css";</style><![endif]-->
and then writing the ie6.css file to fix all errors (yes, one at a time)
Probably not what you wanted to hear, but this is why everyone hates IE6 so much
a source to share
you can check your client browser version and enable css fix for that browser. but the simplest solution is to show an alert or notification to the client that their browser is out of date and provide download links for the latest browser.
here's a way to show that a notification
http://garmahis.com/tools/ie6-update-warning/
I like this solution
a source to share