----- Original Message -----
From: "Benjamin White" <[EMAIL PROTECTED]>
> On Sat, Apr 12, 2008 at 8:46 AM, Pentasis <[EMAIL PROTECTED]> wrote:
>> Can anyone tell me why this happens?
>>
>> The HTML looks like this:
>>
>> <body>
>> <pre><code>some text</code></pre>
>> </body>
>>
>> If the CSS is like:
>>
>> body {
>> font-size: 0.875em; /* computes to 14px */
>> line-height: 1.5em;
>> }
>
>
> Hah! I was dealing with precisely this problem a little while ago in
> my as yet unfinished site redesign. I've been collecting notes to
> write a post about it as soon as I get the redesign up (it won't make
> any sense until then). I'm even using the same math as you.
>
> Here's the trick: both the code and pre elements are rendered by
> Firefox as monospace if you do not set a font-family. Since the
> default setting is to display monospaced fonts at 13px instead of 16px
> you end up with a font that is reduced from 13px (13px x 0.875 =
> 11.4px).
>
> What I ended up doing was adding font-family: inherit to my pre
> styles. I guess it works if you define an actual font too.
Thank you, I suspected as much but could not find any reference to it.
The mozilla reference does not have any info about the pre element.
Oh, and if Eric Meyer reads this: his latest css reset doesn't cover this
(I'm not sure it should though).
Bert
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
