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

Visit PubCon.com
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

IE and firefox differences Text sizing problems
IE Internet Explorer Firefox browsers
Mistress Web

 11:36 am on Aug 2, 2008 (gmt 0)

I am in the beginning stages of creating a site. I have been viewing my site in firefox and IE on my pc. I have just viewed my site on my friends pc with an earlier version of IE (I think it is IE 6). I have been using css and sizing my font in em (mostly 1.0em) I've just noticed that on IE 6 the text is extremely small.

How can I ensure that my text remains the same in firefox & diff versions of IE. I have been told that the best way to size text is in em's which is why I did it that way.
Is there a 'hack' or something?

Also my headings are diff sizes in IE and firefox too..........argh!



 4:39 pm on Aug 2, 2008 (gmt 0)

Also my headings are diff sizes in IE and firefox too..........argh!

This sounds more like a padding and margin issue as the two browsers have different default settings. In this case the easiest solution is to zero out these settings then set your own. You will find the <h> and <p> tags are the worst offenders.

As for the font, were the browsers set at the same size?



 12:15 pm on Aug 3, 2008 (gmt 0)

I think you have to check CSS for font sizing and make compatability through it. FF these days are not compatible with normal fonts but you can make website fonts compatibile by doing certain changes in CSS. There could be many online CSS manuals that tell you how to do compatibility while displaying fonts in FF.




 12:16 pm on Aug 3, 2008 (gmt 0)

Your major issue is your CSS. Please verify it or hire a CSS professional who may help you to create best compatibility with all browsers in which FF, mozila, opera, IE and safri as well.


 2:43 am on Aug 4, 2008 (gmt 0)

It is a CSS issue. For IE, the following can solve some of the known IE issues. Then, just assign 1em, 1.3em, etcetera in additional declarations.

html, body {
font-size: 100%;

I'm not saying that this will solve your problem, but it might.

Mistress Web

 12:25 pm on Aug 4, 2008 (gmt 0)

Thanks for all your responses : ) Its much appreciated.

I will give the last one a try (putting the font at 100%) and see how it goes.

Mistress Web


 12:38 pm on Aug 4, 2008 (gmt 0)

Hate to mention what may be obvious, but was your friend's browser text size set to medium which is generally the default.


Mistress Web

 2:32 pm on Aug 4, 2008 (gmt 0)

I think my friends browser would most likely be set the the default size. How can you find out what size its set to & poss change it needed?


 2:44 pm on Aug 4, 2008 (gmt 0)

Go to VIEW and then TEXT SIZE on the menu bar and change it from there. Or, if your friend has a mouse will a wheel, hold down the control (ctrl) key and roll the wheel to change the size.



 3:05 pm on Aug 9, 2008 (gmt 0)

hahaha.. yes Marshall I'm 100% agreed with you that sometimes it is changed to due scrolling mouse ...

Mistress Web

 8:22 pm on Aug 9, 2008 (gmt 0)

I've sorted the text sizing issue ; ) my friends browser text size was set to small which didn't help and the heading tags are now correct. I'd made a mistake in my css which is why it was different sizes. I took a long look at my css and realised what I'd done wrong in the end...thanks for your help guys : )
Mistress Web

Global Options:
 top home search open messages active posts  

Home / Forums Index / WebmasterWorld / New To Web Development
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