Previous Message
Next Message

CSS BASICS - Font size inheritance

Sent by Zoe M. Gillenwater on 1 December 2004 20:08


Alek Vila wrote:

>IE for Windows seems to treat font-size inheritance differently than IE
>for Mac.  I think that it reverts to some kind of default after a
>certain number of div barriers have been made.
>
>My font-sizing process goes like this...
>1) Specify a general font-size of 90% in the body element to make the
>overall size a little smaller than default
>2) Specify the relative size of the elements using em's
>   For example: (1em for p, a, td; 1.2em for h5, h6; etc.)
>
>
>My underlying assummption is that 1em will now = 90% of "default
>medium".  This seems to hold true until it "breaks" in IE/Win when, for
>example, I have a p element nested inside several divs or a table inside
>a couple of divs.  One or two divs is no problem... but after three or
>four divs... IE/Win seems to ignore all the font-size settings and makes
>the text 100% again.
>
>You can seem this in action here...
>http://www.racingheart.com/work/Jay/bio  (the resume text should be the
>size size as the nav menu)
>  
>

The problem only exists in WinIE5.x, which doesn't correctly inherit 
font size into tables.  The fix is to simply place this rule in your 
style sheet:

table {
    font-size: 1em;
}

No need to hide from other browsers.

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: