WordPress.org

Ready to get started?Download WordPress

Forums

Text Huge in IE, fine in firefox (23 posts)

  1. wesbos
    Member
    Posted 7 years ago #

    Hey everyone,

    I am setting up my blog which can be found at wesbos.com/blog

    My problem is that when I view the site in IE the text is huge. I tried changing the CSS, which is shown below, but whatever size I made it it is still a % bigger in IE.

    body {
    	margin:0px 0;
    	padding:0;
    	color:#ccc;
    	background: #343434;
    	line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Arial, Sans-Serif
    }

    Ive tried using 75% for font, and a few other things.

    They all change the size, but when its perfect in firefox, its still way too big in IE.

    I would prefer not to have a band-aid IF statement.

    Any help would be appreciated.

    Wes

  2. Bodhipaksa
    Member
    Posted 7 years ago #

    You're lacking a closing semicolon after the words "sans-serif".

    That'll break things

  3. wesbos
    Member
    Posted 7 years ago #

    Thanks for catching that; However, it still didn`t fix the problem.

  4. ForgetTheBull
    Member
    Posted 7 years ago #

    have you tried changing the line height?

  5. ghanshyamgadhiya
    Member
    Posted 7 years ago #

    it should work.

    i know this is not proper but do it for checking.
    just put your style tag in body tag..

    <body style="margin:0px 0; padding:0; color:#ccc; background: #343434; line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px;font-family:Arial, Sans-Serif;text-transform:capitalize;">....</body>

    it may help you. :)

  6. wesbos
    Member
    Posted 7 years ago #

    thanks alot, but its still not working, Ive tried a million things.

    Here is a link to the style sheet stylesheet

  7. Root
    Member
    Posted 7 years ago #

    At line 192 in the CSS is an error. There is no such thing as font-weight. That could be doing it. Just a thought.

  8. TimoK
    Member
    Posted 7 years ago #

    Umm, maybe your IE just has larger default font than your FF? Except for 2 headings you are using relative font sizes, so if IE defaults to 16px and FF to 12 (for example) the font of course is bigger in IE. That would be a feature, not a bug.

  9. Root
    Member
    Posted 7 years ago #

    I hate to pimp my own blog but if you navigate to my CSS you can see what I do. I borrowed most of my font schemata from Owen Briggs and now I use it exclusively.

  10. DianeV
    Member
    Posted 7 years ago #

  11. Root
    Member
    Posted 7 years ago #

    Well font-weight: none gives an error. Sorry for my imprecision.It might not be the case but it is quite enough to cause cascading borkage.

  12. DianeV
    Member
    Posted 7 years ago #

    Totally okay, Root. I should have assumed you meant that.

    And, yes, IE can sometimes do weird things in the presence of incorrect CSS.

  13. Doodlebee
    Member
    Posted 7 years ago #

    I agree with Timo - if you don't have a font-size set anywhere, then it's using the default for your browser. Alternatively, the font can be set in other places besides the <body> tag. You should look all through your stylesheet for font calls and see what you see.

    Also - out of curiosity - what setting is your IE at for text size? You can change it through the browser: extra small, small, medium...etc. If it's not set at the default (medium) but instead set at "large" or "largest" then nothing you do to the stylesheet will really affect the fact that text is larger in IE than anywhere else.

  14. ForgetTheBull
    Member
    Posted 7 years ago #

    I STRONGLY suggest validating your CSS (validation link) before going nuts over this!

  15. Doodlebee
    Member
    Posted 7 years ago #

    (I agree with Bull there - too validation is key!)

  16. webDressing
    Member
    Posted 7 years ago #

    "IE can sometimes do weird things in the presence of incorrect CSS."

    LOL. What's worse is that IE can sometimes do weird things in the presence of correct CSS :p

    BTW, you didn't mention what version of IE you're using.

  17. vkaryl
    Member
    Posted 7 years ago #

    *laughing* THANK YOU, webDressing! Best chuckle I've had in days!

  18. webDressing
    Member
    Posted 7 years ago #

    Yeah we really shouldn't be laughing, we should be crying, but I'm glad you got a good chuckle out of it :)

  19. vkaryl
    Member
    Posted 7 years ago #

    Oh, I cry over it often enough.... believe me....

  20. Root
    Member
    Posted 7 years ago #

    There are a lot of missing tags.

  21. prime0evil1
    Member
    Posted 7 years ago #

    I don't know if anyone is even looking at this topic anymore but I figured out the problem you have an open tag somewhere I had this problem i couldn't figure it out until I looked at my header I Had an open <H1> tag that should fix it for some reason Firefox closes the tag automatically but IE dousent good luck.

  22. plnelson
    Member
    Posted 7 years ago #

    Umm, maybe your IE just has larger default font than your FF? Except for 2 headings you are using relative font sizes, so if IE defaults to 16px and FF to 12 (for example) the font of course is bigger in IE. That would be a feature, not a bug.

    I'm starting a new blog and I was looking for a canned WP theme and the MAJORITY of themes I've looked at so far have dramatic differences in text size between FF and IE. (both browsers set to their default out-of-the-box settings, on two different PC's, slightly different rev's of both browsers).

    I think theme designers need to compare their themes of several major browsers before releasing them in the wild. It's no good to say that the original poster in this thread should adjust his browsers, unless he's the only person who will be reading his blog. Themes need to work for average visitors with default browser settings.

  23. KayMac
    Member
    Posted 6 years ago #

    Thank you prime0evil1. You fixed my same problem exactly.

Topic Closed

This topic has been closed to new replies.

About this Topic