Han Seoul-Oh edited this page Jun 6, 2016 · 2 revisions

Eventually there will be documentation here about the several attempts to get Opera, Gecko and WebKit to all calculate the baseline at the right place. Most of them were much more elegant than what I ended up with, in particular not requiring an extra &nbsp; appended to the <span class="fraction"></span>.

Unfortunately the only one that worked in all browsers is what I ended up with, and some of simplest solutions didn't work in any of the browsers.

After finding the solution that worked in all 3 browsers, it turned out I got IE8 support for free, but of course it didn't work in IE7, not to mention IE6. I plan on trying expression() to correct that, which I will also document here.

Note: one of the things that should work according to spec is overflow: hidden (or any value other than visible) on the numerator, which works in every browser except Safari/Webkit (starting in 2013, it even works in Chrome), due to this long-standing Webkit bug:

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.