Sunday, 7 December 2008

IE6: Superscript problems

Another IE6 oddity - a table where each row has one field that uses CSS with the coding:

font-size: 0.7em;
vertical-align: super;
position: relative;
bottom: -0.15em;
display: inline;

It worked fine for all rows but one (which had a different background-colour, but otherwise identical) - and for that row, IE6 would render the text either a few pixels too high (nearly overlapping the previous row) or nearly half-a-screen too high. No time to explore exactly why, but solved by replacing "vertical-align: super" with "vertical-align: 0.3em;"

No comments: