body font-size probs with ie7 and ff

@WebJoelMay 06.2008 — #Usually, re-style font-size on BODY first & pre-emptively, then, re-stating font-size for the elements that will actually be 'text' makes them more all-browser. Something like:

....

body {font-size:65%;....}

p {font-size:1.0em;....}

h1 {font-size: 3.25em;...}

h2 {font-size:3.0em;....} (etc.)

....

I'm sure that there's more to this, -but for the most part, "font-size:[B]65%[/B]" gets IE to display fonts alot better (x-browser-wise) than it's normal-default font-size, whatever that is.

Then, you re-state the actual elements' (p, h1-6 -inclusive) font-size to the size/s that you intend.

Something about this makes for example, "10px" and "1em", be more-or-less 'the same size', convenient base-ten way of counting in case you need to have text be 'the same size' AND 're-sizeable' (in this case, by using the "em" size). So then, "1.5em" would be "15px" and so forth...

Else, "1em" might be something like 11px, 12.5px or 14.5px (I'm just guessing here) which isn't much of a deviation until you get into the H-tags... then you REALLY start to see IE/Fx variations in font-sizes as an h1 tag might be 3.25em but show up as one of either 33px or 44px when viewed cross-browser... (numbers are totally arbitrary & probably not even close to actual real-world)..

body font-size probs with ie7 and ff

2 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

body font-size probs with ie7 and ff

2 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #CSS _↴