<h1> text size bigger in IE than in FX

[Cutter]

Hello!

I'm using the default CMSMS template for my website. In the CSS, a text size of 75.01% is applied to . Internet explorer doesn't apply this text size to , despite the fact that it is inside , but Firefox and Opera do. So, in Firefox and Opera, the text-size of is multiplied by 0.75, thus appears smaller than in Internet Explorer.

How to get the same text-size in no matter what browser I'm using?

I tried to put "inherit" as text-size in , so that IE would know to use the text-size from 's parent: , but it had no effect.

Please help.

[Cutter]

I solved this problem by putting the following code in the HTML:

Code: Select all

<!--[if lte IE 6]>
<style type="text/css">
div#header h1 {font-size: 2em;}
</style>
<![endif]-->

[chrisl]

CMSMS uses the relative "%" or "em" as opposed to absolute sizes such as "px"  for reasons of accessibility. 

You will be able the to change the size of text in any of your browsers by going to menu "View - Text Size"

[Cutter]

Yeah sure, I don't use sizes in pixels. And I was talking about the size of the text contained in , not about the browser-side text size settings (which I have set to "normal" on both FX and IE).