font size differences in IE and Firefox

[dbarasuk]

Hello,

I have a problem, if set font-size to small, the page appears readable in IE but the size of the caracters appear too small to fit the web. What can I do to fix this kind of problem?

Thanks in advance

[simonuk]

It's actually the other way around. In all but IE the font size displays correctly but is much larger in IE.

This is usually because the font size has been set elsewhere in the CSS (body as a percentage for example) but then the actual character font hasn't been defined a size. In this case all standards-based browsers give it one size and IE pretty much doubles the size.

[dbarasuk]

Hello,
I actually forget that i was encountering this problem with firefox because the text looked too small to fit anyones apreciation.

Can one suggest me a css script to use so that it may look nice between IE and Firefox. Or is there any script that can look for the browser beeing used and set the font-size accordingly.

thanks

[swa66]

The easiest solution is to use a conditional comment, targeting legacy IE versions and reducing their default font size.

e.g. add this to our header:

<!--[if lte IE 7]>
  <style type="text/css">
    body {
      font-size: 80%; /* or whatever you like better */
    }
  </style>
<![endif]-->

[poppyrich]

Not sure what problem you're describing.

However, before digging through the CSS to find a problem that might not exist, check these two things:

1) On installation, Firefox, sets a minimum default text size below which fonts won't size. (Options -> Fonts & Colors -> Advanced)

2) Firefox does not anywhere show what Zoom level is being used. Make sure to key Ctrl+0 to set the window to 100%.
(There is an add-on called Nosquint that adds the Zoom level to the status bar.)