homepage Welcome to WebmasterWorld Guest from 54.205.254.108
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Font size diff between ie9 and all other browers
Perren




msg:4379520
 10:35 am on Oct 26, 2011 (gmt 0)

Have look at these two screenshots of a font-size 10px text on IE9 and Firefox 7.

[lco.nu ]
[lco.nu ]

Same view in Chrome as of Firefox 7. IE8 looks more like Firefox 7. If I switch on compatibility mode in IE9 the text changes to look more like Firefox 7.

Any ideas?

 

Perren




msg:4379521
 10:38 am on Oct 26, 2011 (gmt 0)

Maybe should note I want the Firefox version, as in the IE9 version looks to packed together.

Paul_o_b




msg:4379528
 11:01 am on Oct 26, 2011 (gmt 0)

This is just the different ways that browsers handle text and IE9 uses "sub pixel positioning" which can reduce the line length slightly.

It depends on font as to how different things are but you get the same effect with browsers on mac systems and lines of text can be up to 25px different in total length (even if you control letter spacing). I often see menus wrapping to another line when the author expected them to fit on one line.

You just have to allow that text on browsers will be different even before the user has applied their own settings and dpi settings. You have little control over this. Always allow breathing space and code accordingly.

Text at 10px is really too small to read for most people anyway but that's another issue :)

rocknbil




msg:4380239
 4:17 pm on Oct 27, 2011 (gmt 0)

Can you experiment with em or % for font sizing, and does it make a difference?

zabalex




msg:4381410
 7:26 pm on Oct 30, 2011 (gmt 0)

There are so many differences between two browsers, ie displays the characters in a way different than all other browsers. Even every browsers have their own set of style and characters. In firefox you will not find the text size but in ie you will find that too.

regards
zabalex

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved