Cancel reset by CSS indexes and superscript tags

Question

We use a CSS reset file, which names each element from html to p to img, etc., and resets fields, heights, sizes, etc. Pretty standard reset file. However, the client noticed that the <sub> and <sup> tags did not display as indices and superscripts. Thus, I removed the links and tags from the reset file in the hope of fixing this problem. He fixed it in FireFox and Safari, but it still remains in IE6 and IE7.

Is there something I am missing here? Do these tags inherit their styles from another tag in reset? And is there a way to use CSS to re-execute what could be undone by the <sub> and <sup> tags in reset? Thank you for your help.

Answer 1

 sup {vertical-align: super; } sub { vertical-align: sub; } 

Answer 2

Since css reset can affect the font size, I did it like this:

 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.

Answer 3

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

You can use the vertical-align and font settings to return the original look, but I am inclined to say that it is better to simply remove the rules that affect these elements if this reset part is not needed.