Last Comment Bug 570424 - <sub> should placed deeper; looks better and matches other browsers (CSS vertical-align: sub)
: <sub> should placed deeper; looks better and matches other browsers (CSS vert...
Product: Core
Classification: Components
Component: Layout (show other bugs)
: unspecified
: All All
-- normal (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: Jet Villegas (:jet)
: 546350 (view as bug list)
Depends on:
  Show dependency treegraph
Reported: 2010-06-06 15:19 PDT by Lawrence Spector
Modified: 2010-07-16 14:29 PDT (History)
6 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---

screenshot (8.09 KB, image/png)
2010-06-06 20:15 PDT, j.j.
no flags Details
testcase, strict mode (621 bytes, text/html)
2010-06-07 21:04 PDT, j.j.
no flags Details

Description User image Lawrence Spector 2010-06-06 15:19:27 PDT
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20100401 Firefox/3.6.3 GTB7.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20100401 Firefox/3.6.3 GTB7.0

The Summary says it all.

Reproducible: Always

Steps to Reproduce:
1. Write this HYML code: <P CLASS=center>log<SPAN CLASS=exp><SUB>10</SUB></SPAN>10,000 = 4.</P>
Actual Results:  
No subscript. Superscripts, <SUP>, are fine/

Expected Results:  
A subscript.

Your friends IE and Google Chrome do it right.
Comment 1 User image j.j. 2010-06-06 18:10:13 PDT
Works fine for me. 
Have you an online example? 
Have you changed the browser's default font-size?
Comment 2 User image j.j. 2010-06-06 20:15:51 PDT
Created attachment 449574 [details]

This is what I get with Fx 3.6.3 on Win XP.
Is something wrong with that or have you different results?

(btw, we prefer public discussion here in the bug)
Comment 3 User image j.j. 2010-06-06 20:30:14 PDT
OK, I see that other browser move the subscript deeper.
You can solve this easily. Just add something like this to your stylesheet:

sub { vertical-align: -0.4em }
Comment 4 User image j.j. 2010-06-07 16:38:09 PDT
The URL is fixed now by adding  "sub {vertical-align:-0.6em}"

Changing summary and leaving this UNCONFIRMED.

Maybe someone is interested in changing the default of
  "vertical-align: sub;"
Indeed it is more visible in WebKit, Opera, IE.
Comment 5 User image j.j. 2010-06-07 16:39:40 PDT
*** Bug 546350 has been marked as a duplicate of this bug. ***
Comment 6 User image John Daggett (:jtd) 2010-06-07 20:15:03 PDT
(In reply to comment #0)
Lawrence, the subscript will vary based on the font used.  Could you put together a testcase that explicitly uses the font that causes the problem on your machine?  Is it a typical font or something only installed on your machine?
Comment 7 User image j.j. 2010-06-07 21:04:16 PDT
Created attachment 449789 [details]
testcase, strict mode

This appears with common web fonts.
Lawrence's original reported URL uses Garamond, which is often not available and falls back to default font.

By creating this testcase I noticed that IE8 behaves different in strict mode (close to Firefox).
Comment 8 User image Kevin Brosnan 2010-06-09 02:50:55 PDT
This might be the intended rendering. According to bug 227452 comment 2 screenshot ( ). It looks to standardize on the rendering the same as your screenshot.
Comment 9 User image Gordon P. Hemsley [:GPHemsley] 2010-07-16 14:29:53 PDT
I just made bug 225109 comment 14, which might be of interest/relevance to this discussion.

Note You need to log in before you can comment on or make changes to this bug.