Page 1 of 1

<h1> text size bigger in IE than in FX

Posted: Mon Apr 30, 2007 8:43 am
by 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.

Re: <h1> text size bigger in IE than in FX

Posted: Mon Apr 30, 2007 9:36 am
by 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]-->

Re: <h1> text size bigger in IE than in FX

Posted: Mon Apr 30, 2007 9:52 am
by 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"

Re: <h1> text size bigger in IE than in FX

Posted: Mon Apr 30, 2007 11:13 am
by 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).