Problems with IE6 CSS

I updated the website I was working on ( http://barsannapolis.com ) into a CSS layout, and everything turned out fine for the most part. The site displays correctly in Firefox, Chrome, IE 7 and Safari, but the design seems to be completed in IE 6. Does anyone have any recommendations on how to fix the problems. Perhaps there is something simple that I donโ€™t notice?

Also, are there any IE tools that make life easier - edit CSS, like firebug.

+4
source share
5 answers

positioniseverything.net is your friend. Since I left this world a long time ago (thank God!), I do not envy you, but the problem usually is double filling, especially. if your popups do not line up ("dropping").

You can crack IE6 with width:30px; _width: 20px; width:30px; _width: 20px; in your stylesheet, where in rule _ at the end is the IE6 setting that you want to do. This works for all rules in all directions.

But every time I had a problem, it usually was up to double filling horizontally, which really delayed floating divs in IE6.

Good luck. As I said, I do not envy you at all. IE6 is a plague that needs to be eradicated.

+6
source

You can try the Internet Explorer Developer Toolbar to help you keep track of CSS related issues.

Internet Explorer Developer Toolbar

+3
source

There is nothing better than firebug in IE and itโ€™s good, even if you have several โ€œcommon problemsโ€ with IE6 and css, the truth is that each site is different and requires a lot of attempts and errors.

Honestly, I would not support IE6 if <20% use it (check using Google Analytics), I mean that IE7 has not been working for many years, IE8 is suitable at any time and even gmail claims to not support IE6, therefore ... I would not worry so much

+2
source

Another useful utility in this situation is the XRAY bookmarklet, although you may need to paste the URL into the IE6 address bar.

+2
source

If you get a double float error, you can try using display: inline; to roaming items that give you problems. This prevents an error from occurring and means that you do not need to assign different widths for IE.

0
source

All Articles