CSS text issues

ncriptide's picture

He has: 17 posts

Joined: Aug 2007

I've developed a site for a trailer manufacturer. The site looks good on my computer (17" MacBook Pro, screen resolution 1680 x 1050 on Firefox) and it looks okay on a Windows computer running IE 7.

But the client claims that when he pulls it up on some of this dealers sites when he's on the road, the body copy and/or the navigation text is HUGE. He's talking like 9 point text looks like 32 pt text. He is seeing it happen to the navigation links on the left side of the page and to most of the internal pages. He will browse other web sites on the same computer and they all appear okay.

I'm new to CSS so I'm sure there is something I've done wrong, but I cannot put my finger on it. Can someone please give me a site review - and if you have any idea as to what might be going on, I would be grateful!

Here's the link:
http://www.hudsontrailers.com

Thanks!!!!

DarkLight's picture

He has: 287 posts

Joined: Oct 2007

Hi, IDK what the site is supposed to look like, but it luks fine to me m8...
Everything looks in its appropriate size and position. and yes, the site look pretty cool.

All the best news here: https://newsbotnet.com

He has: 698 posts

Joined: Jul 2005

The only thing I would say is that perhaps it's the browser. I'm not too experienced in sizing with em's, but I know they are based off of the sizing of the parent element, in your case, it all goes back to the BODY element, which is .9em. For instance, the font-size of the CONTENT ID would be .9 of .9, or about .81 em. I can't imagine why this would produce such large text unless the text of the browser was set to a fairly large scale. Wink

Kurtis

ncriptide's picture

He has: 17 posts

Joined: Aug 2007

Problem solved.

Although every book I've read about CSS has told me to design using ems, it appears that this is the source of my problem. Some of the computers that the site was being viewed on was using IE6, and had the font size set to "larger".

Using ems, the font size would of course increase, creating an ugly looking mess and one very dissatisified client.

I tried using percentages, but same thing, so I gave up and used pixel-based text sizes, and the client is happy.

I know that is not the best way to go, but in order for the client to send me a check for the work I've done, it had to be done.

Thanks for your help guys. I do appreciate the response. Wink

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Quote: Some of the computers that the site was being viewed on was using IE6, and had the font size set to "larger".

Using ems, the font size would of course increase, creating an ugly looking mess and one very dissatisified client.

What?! I just saw this, they set their text size to 'larger' and then complain because the text size on Web sites is large? Don't they ever wonder why they keep finding Web sites that have huge text, why are they changing settings they don't understand then complaining at you?!

Honestly mate, the book is right, those clients are completely wrong and need educating! Smiling

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.