...

View Full Version : Text size disparity between browsers.



effpeetee
06-01-2009, 11:09 AM
It there anything that I can do to equalise the text size between the browsers? I like the size that IE8 gives.:D

Particularly here (http://www.exitfegs.co.uk/Sources.html).

Frank

udjamaflip
06-01-2009, 11:18 AM
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:



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

Apostropartheid
06-01-2009, 04:29 PM
They look the same to me, Frank. IE8 + Chrome.

effpeetee
06-01-2009, 05:03 PM
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.

jlhaslip
06-02-2009, 12:57 AM
I can vouch for the 62.5% method mentioned above. Works excellent.

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum