IE and firefox differences Text sizing problems

IE Internet Explorer Firefox browsers

[Mistress Web]

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!

[Marshall]

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

[bilalseo]

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

[bilalseo]

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.

[D_Blackwell]

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]

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

[Marshall]

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

Marshall

[Mistress Web]

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?

[Marshall]

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

[bilalseo]

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

[Mistress Web]

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