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

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




msg:3713745
 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!
Help!

 

Marshall




msg:3713911
 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?

Marshall

bilalseo




msg:3714216
 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.

thanks,

bilalseo

bilalseo




msg:3714217
 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.

D_Blackwell




msg:3714478
 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




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

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




msg:3714715
 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.

Marshall

Mistress Web




msg:3714780
 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?

Marshall




msg:3714789
 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.

Marshall

bilalseo




msg:3719229
 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




msg:3719426
 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