Undo reset on subscript and superscript tags in CSS

We use a CSS reset file that names every element from html to p to img, etc. and resets the margins, heights, sizes, etc. A pretty standard reset file. However, a client noticed that their <sub> and <sup> tags were not appearing as subscript and superscript should. So, I removed the and tag references from the reset file in hopes of this fixing the problem. It has fixed it in FireFox and Safari but it still remains in IE6 and IE7.

Is there something I'm missing here? Are these tags inheriting their styles from another tag in the reset? And, is there any way to use CSS to re-do whatever may have been undone to the <sub> and <sup> tags in the reset? Thanks for your help.

13.10.2009 18:57:37
You're still missing an occurrence of <sub> and <sup>.
Bob Aman 13.10.2009 19:06:42
3 ОТВЕТА

Without seeing your reset file, it's hard to say for certain. The easiest way to debug this is to load your reset file into an otherwise boring page, break out firebug, and see exactly what the computed style looks like. There may also be some CSS hacks in your reset file that apply only to IE.

You could use vertical-align and font adjustments to bring back the original appearance, but I'm inclined to say it's better to just remove the rules affecting these elements if that part of the reset isn't desired.

1
13.10.2009 19:04:25
sup {vertical-align: super; }
sub { vertical-align: sub; }
13
29.11.2009 13:54:14

Since css reset may affect your font sizes, I did it this way:

sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
sub, sup {
    font-size: 0.5em;
    line-height: 100%;
}

Maybe you should try different vertical-align values on sub, depending on your browser.

6
30.08.2011 14:46:24