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

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

CSS Forum

Font size diff between ie9 and all other browers

Msg#: 4379518 posted 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?



Msg#: 4379518 posted 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.


10+ Year Member

Msg#: 4379518 posted 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 :)


WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4379518 posted 4:17 pm on Oct 27, 2011 (gmt 0)

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


Msg#: 4379518 posted 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.


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