开发者

table element ignoring font-weight in firefox 4?

I'm not sure if this is simply an issue with Firefox 4, but I have tried absolutely everything, additionally I have search for hours trying to discover a solution for a problem that it appears no one else has had. The issue is that I have a table and no matter what the element in the table is

(<th>, <td>, <caption>)

all of them ignore

font-weight: bold;, <strong></strong>, and <b></b>

I know that

<th>

elements generally are开发者_JAVA百科 bolder by default however this is not the case in this particular table either. And now for the kicker, this appears to only occur in certain browsers on certain platforms, for example in Ubuntu Firefox 4 renders everything perfectly, as does IE, however, Chrome, Safari and Firefox 4 for windows all display it incorrectly. I don't even know where to start on fixing this as I feel that I've exhausted my options. Please Help!


You may be hitting up against a specificity problem, in that some rule is being triggered and styling the table differently.

Also, you'll want to be careful that you're not using a custom font that doesn't have a heavyweight family.

I would start off with an important id, using a standard font:

#heavy {
    font-weight:bold !important;
    font-family:arial;
}

Tack that id on the table element, as id='heavy'

If that works, try it again without the font-family. If that works, try it again without the !important, since you don't want the extra specificity unless it's strictly necessary.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜