Text Issue With IE

HTML & CSS
1

Hi Guys,

I hope I have the right forum here, I need help with the following page of my website:
http://www.kneatsolutions.com/paperless-validation.html

Basically the text inside the 4 panels looks fine with Chrome and FF, but when viewed in IE
it appears very faint and not clear like the other browsers.

Does anyone have any ideas how this can be fixed.

Thanks in advance!!!

2

By ‘panels’, do you mean the main text area? It looks fine to me in IE9.

3

I mean the text in the panels Overview - Capabilities - Benefits -Download

I am viewing in IE8 and it doesn’t render the same as FF and Chrome

4

It might just be the way that browser handles fonts. You usually see a difference from one browser to the next—or at least one platform to the next. The page looks much nicer in my Mac browsers, but looks tolerable in IE8 to me, though the fonts are not as nice, of course. As you say, it looks better in other Windows browsers. Do you have something like CSS Expressions for IE in there? They often cause display problems like this.

5

That silly fade-in script for the tabs? Uses the opacity filter for IE8 and lower, which turns OFF anti-aliasing of webfonts in same. I encountered the same issue trying to use webfonts with the filter equivalent of linear-gradient not that long ago.

Some freindly advice? Swing a massive axe at all the fat bloated scripting for nothing that’s destroying anything resembling accessibility on that site – particularly the tabs bit since it prevents people from directly linking to content, and doesn’t show the full content when scripts are disabled. You might want to review and/or cut down the markup a bit since I’d ballpark that being 8k or so larger than need be… in particular all those DIV wrapping perfectly good block-level containers can’t be a good thing, especially on such a simple layout.

6

Thank you so much for this advise, we will implement this now and see if it works