SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2011
    Location
    San Diego
    Posts
    111
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Annoying Text Size problem

    Hello.

    So I have this website that I built and I mainly checked to see it looked in FireFox, which looked fine. However, when I checked the site in IE and Chrome, the text size was too big. So I tried fixing it, but now the text is too small for FireFox. I was setting my font in pixels, then I tried 0.8em. Now I tried at 10pt, but still experiencing the same problem.

    This is how it currently looks. The one on the left is FireFox, and then Internet Explorer on the right.



    And here's my CSS

    Any help is appreciated. Thanks a lot.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,095
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Probably better to set your font size on the <body> element in %, such as 85%. But also specify a font-family, such as

    body {font: 85%/130% arial, sans-serif;}

    Otherwise, the browser is choosing its own font, and different fonts have different sizes.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2011
    Location
    San Diego
    Posts
    111
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    That seemed to fix the size problem, but I wasn't feeling how the font looked in FireFox. So I ended up using some of the CSS from another site I have, which I'm not sure why I didn't do so earlier... lol.

    Well thanks

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,095
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Great, glad that sorted it.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •