Text Huge in IE, fine in firefox

  • 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

Viewing 15 replies - 1 through 15 (of 22 total)

  • You’re lacking a closing semicolon after the words “sans-serif”.

    That’ll break things

    Thread Starter wesbos

    (@wesbos)

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

    have you tried changing the line height?

    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. ??

    Thread Starter wesbos

    (@wesbos)

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

    Here is a link to the style sheet stylesheet

    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.

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

    Actually, font-weight does exist:
    https://htmldog.com/reference/cssproperties/font-weight/

    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.

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

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

    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.

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

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

    “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.

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Text Huge in IE, fine in firefox’ is closed to new replies.