/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Text raggedy in IE – Good in Firefox, Safari

Copy linkTweet thisAlerts:
Apr 16.2010

Hello kind friends,

My problem is that my site’s text looks ok in Firefox and Safari, but in Internet Explorer (Have tested it in 6,7,and 8), the text is raggedy. (I realise raggedy is not a technical term!)

My css puts the text in px, would it work better in em? What is the issue and how do I fix it?

Here is my site: [URL=”http://www.farmads.ie”]Click here[/URL]

I have recently installed a portfolio type website for my girlfriend (which I got for 11 dollars from themeforest) and the text displays clearly in all browsers.

I dont understand why my site can’t have crisp text like the template I got for her. I am using a well known classified ads script.

Looking forward to your responses and getting this resolved,

Thank you and best wishes,

Vincent

PS: the problem is most evident on the individual ad pages, as there is most regular text on those pages.

to post a comment
CSS

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@tirnaApr 16.2010 — Personally I use em or pt for font sizes. Imo there is no one-size-fits-all answer to the question which units should I be using.

But here is a discussion of the pros and cons of using em, px, pt, % and using a mixture of them.

[URL]http://css-discuss.incutio.com/wiki/Using_Font_Size[/URL]
Copy linkTweet thisAlerts:
@robototiticoauthorApr 16.2010 — So you think that the unit type is the problem in this case? If not, how can one ascertain what the problem is exactly?

The template I installed for my GF that looks nice, all the units are em.
Copy linkTweet thisAlerts:
@tirnaApr 16.2010 — without seing your code, all I can say is that it could be.

If you haven't already, maybe have a look at the link I posted where the pros and cons of the various units are described and then maybe try changing your units and sizes to see if the text improves on the screen.
Copy linkTweet thisAlerts:
@tracknutApr 16.2010 — Is this perhaps on a Windows XP machine that doesn't have ClearType turned on? I'm looking at your page in IE and FF and can't see any differences. My suspicion is the issue is related to that particular PC, and not IE.

Dave
Copy linkTweet thisAlerts:
@robototiticoauthorApr 18.2010 — Thanks for your answers guys.

@tracknut - I am using Vista Home Basic. I will try turning on ClearType, but if that was the case, how come its only my website that looks bad, and not others? As I say, other websites have text that looks good in my IE, but not the text in mine.
Copy linkTweet thisAlerts:
@robototiticoauthorApr 18.2010 — Ok, So I turned on Clear Type, as per the instructions on the Microsoft website. My site still looks raggedy however.

Here are some screenshots:

Firefox

Internet Explorer
Copy linkTweet thisAlerts:
@tracknutApr 18.2010 — I was fiddling aound in IE8, to see if I could make mine look like yours. Yes I can! If I switch the browser to "compatibility view", then the fonts become a bit pixelly, like yours.

Unfortunately, I can't give you the ins and outs of why you're viewing the site in Compatibility View, I just don't know what's up with it. Is Compatibility View something you've set on purpose, or could just turn off with no ill effect?

I don't have a copy of IE6 or 7 handy, I suppose this might correct IE8, but still leave you with the issue in IE6 and 7...

Dave
Copy linkTweet thisAlerts:
@robototiticoauthorApr 22.2010 — I am not using compatibility view.

My question is this however, if it is my machine, why is it that other websites look ok on my IE, and only my site looks bad.

I am wondering if it is something to do with not having good css. I read somewhere that good developers sometimes write different css instructions for different browsers. Maybe my site is lacking nuanced CSS?
Copy linkTweet thisAlerts:
@FangApr 22.2010 — These filters are the causefilter:alpha(opacity=20)
Copy linkTweet thisAlerts:
@robototiticoauthorApr 23.2010 — !!! Thank you Fang. You are 100% correct! I commented out the filter. Now my site's rendering is perfect. Have I used enough exclamation marks that my gratitude is properly communicated??!!!

Thanks again,

Reg. Barclay
Copy linkTweet thisAlerts:
@robototiticoauthorApr 23.2010 — I really appreciate it.
Copy linkTweet thisAlerts:
@FangApr 23.2010 — No problem, we are here to help.
×

Success!

Help @robototitico spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...