Welcome to WebmasterWorld Guest from 54.158.228.55

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

IE and firefox differences Text sizing problems

IE Internet Explorer Firefox browsers

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

5+ Year Member



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!
Help!

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

WebmasterWorld Senior Member 10+ Year Member



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?

Marshall

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

5+ Year Member



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.

thanks,

bilalseo

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

5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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.

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

5+ Year Member



hi,
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.

Cheers,
Mistress Web

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

WebmasterWorld Senior Member 10+ Year Member



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

Marshall

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

5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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.

Marshall

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

5+ Year Member



hahaha.. yes Marshall I'm 100% agreed with you that sometimes it is changed to due scrolling mouse ...
8:22 pm on Aug 9, 2008 (gmt 0)

5+ Year Member



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
 

Featured Threads

Hot Threads This Week

Hot Threads This Month