Fonts-size differs between IE and Firefox

Giganews Newsgroups
Subject: Fonts-size differs between IE and Firefox
Posted by:  HeroOfSpielburg (ventu…@hotmail.com)
Date: Sun, 03 Jun 2007

Hello,

I'm very new to CSS and still in the reference/copy/paste/edit stage,
so please forgive my ignorance.  I'm using CSS for my blog, and while
the font size is fine in Firefox, it is illegibly small when looked at
in IE.  It can't even be mousewheeled to a readable size.  Is there
some descrepancy in how the two browsers render CSS?  Can anyone
please tell me how to extend or unify my stylesheet so the font shows
up as the same size in both browsers?  Please help.

I've listed the type and color section from my CSS below.  If I should
be looking somewhere else, please let me know.

Thank you very much.

body {
    font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
    background: #ffffff url(images/autumnTactics1.jpg); background-
repeat:no-repeat; background-attachment: fixed;
    color: #ffffff;
    text-align: right;
    }

#page {
    background: transparent;
    border: 1px solid #959596;
    text-align: right;
    }

#content {
    font-size: 0.8em
    }

..narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

..widecolumn .entry p {
    font-size: 1.05em;
    }

..widecolumn {
    line-height: 1.6em;
    }

..narrowcolumn .postmetadata {
    text-align: righ;
    }

..alt {
    background: transparent;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }

#footer {
    background: transparent;
    border: none;
    }

small {
    font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1, h2, h3 {
    font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
    font-weight: bold;
    }

h1 {
    font-size: 4em;
    text-align: center;
    }

#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }

h2 {
    font-size: 1.6em;
    }

h2.pagetitle {
    font-size: 1.6em;
    }

#sidebar h2 {
    font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
    font-size: 1.2em;
    }

h3 {
    font-size: 1.3em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: #cc6666;
    }

/* Post title */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #6666CC;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3
a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }

..entry p a:visited {
    color: #b85b5a;
    }

..commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'ms ui gothic', 'microsoft sans serif', arial, helvetica;
    }

..commentlist li {
    font-weight: bold;
    }

..commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

..commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: 'ms ui gothic', 'microsoft sans serif', arial,
helvetica;
    }

..commentmetadata {
    font-weight: normal;
    }

#sidebar {
    font: 1em 'ms ui gothic', 'microsoft sans serif', arial, helvetica;
    }

small, #sidebar ul ul li, #sidebar ul ol
li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

Replies