View Full Version : Resizing inherited font sizes

captain tenneal
01-22-2008, 11:45 PM
I have a website that has a header with a menu that goes across different platforms, for example a wiki and a forum.

I want to make one external style sheet that gets called by the wiki and the forum, so I don't have to recode the header into their own css sheets. The problem is, right now I do have to code the header because the wiki and the forum set the default font size to larger than 100%, and they each use different sizes (the wiki is 127%, forum is something else). I could change the default sizes, but then I would have to redo all the fonts for the entire sheet.

Is there a way to reset the font size for the header in an external sheet, so it doesn't inherit the size from the platform?

01-22-2008, 11:56 PM
We would need to see your html to tell you more but the answer to your question is...Yes. (http://homepages.tesco.net/~J.deBoynePollard/FGA/questions-with-yes-or-no-answers.html)

No but seriously put the stylesheet after the stylesheets of the wiki and the forum so its the last stylesheet called on the page.

captain tenneal
01-23-2008, 06:24 AM
Thanks for the response. I don't think it's an issue of stylesheet order as the header has unique identifiers.

Here is the basic setup for the wiki:

<div id = "wrapper">
<div id = "header"></div>
<div id = "content"></div>

"Wrapper" for some reason sets the font size to 127%, so all other font sizes on the page end up being relative to that, including in the header. This means I have to have custom css for the header repeated in the wiki css, just to change the font size. For example, if normally the font in the header is .95em, the header has to be 1.65em in the wiki to get the same result (And yet something else for the forum).
I did try using absolute font sizes with px instead of em, that seems to work. Is there a better way to do it?