Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Text size disparity between browsers.

    It there anything that I can do to equalise the text size between the browsers? I like the size that IE8 gives.

    Particularly here.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Regular Coder
    Join Date
    Mar 2008
    Posts
    235
    Thanks
    6
    Thanked 21 Times in 20 Posts
    The ebst way to get consistent font-sizes cross-browser is to use a percentage (62.5%) and use em measurements rather than px, naturally they change dependant upon screen resolution as 10px on 800x600 is a LOT bigger than 10px on 1600x1200

    example:

    Code:
    body {
    font-size:62.5%;
    }
    
    h1 {
    /*This is 18px*/
    font-size:1.8em;
    }
    
    h2 {
    /*this is 16px*/
    font-size:1.6em;
    }
    As an added perk, this will also make your site more accessible for visual impariment viewers using IE6 as zoom for them only works properly if you use EM's rather than PX
    Andrew Sharman
    Web designer, developer and programmer.

    If you found my post helpful, why not give thanks! :)

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    They look the same to me, Frank. IE8 + Chrome.

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by CyanLight View Post
    They look the same to me, Frank. IE8 + Chrome.
    Thanks Cyan.

    The problem was mine. I found that someone had set my IE8 to maximum text size.
    I've renamed myself "Wottertwit"

    alias effpeetee alias Frank.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    I can vouch for the 62.5% method mentioned above. Works excellent.

    http://clugnut.com has a good description of it.


  •  

    Posting Permissions

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