This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

A span command shows up correctly in Opera but incorrect in Firefox 8.0. Which one adheres to the specs? And will there be a Firefoxversion that does is correct soon?

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

AdeLeeuwvanWeenen
AdeLeeuwvanWeenen
more options 
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="transform.xsl" type="text/xsl"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" [
        <!ENTITY drot "&#xA77A;">
        <!ENTITY drotesup "&#xA77A;&#x2009;&#x0364;">  <!-- drot with esup -->
        <!ENTITY esup "&#x0364;">
        <!ENTITY esup2 "&#x2009;<span class='esup'>&#x0364;</span>">    <!-- oplossing Pieter -->
]>

<!-- header -->
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
                <title>Testbestand </title>
                <link rel="stylesheet" href="ihb2.css"/>
        </head>
<body>
<p>
Without superscripts: &drot;ngr
</p><p>
With superscript but no other trics: &drot;&esup;ngr. Superscript too close to the base character.
</p><p>
With a small space: &drotesup;ngr. Now it is better readabel, but there is a gap.
</p><p>
With span: &drot;&esup2;ngr.<br/>

With Firefox 3.6.24 this gives NO superscript and a gap.
With Firefox 8.0 the superscript, but still a gap, while Opera 7.54u2 shows superscript and has no gap.

</p>
</body>
</html>

And in the .css file:
body { font-family: Andron Scriptor Web, Times New Roman, Arial; color: black; background-color: #EBEBEB; }
p { margin: 0.5em 0 0.5em 0; }
  .esup {
            margin-right: -0.3em;
            margin-left: 0.1em;}
<pre><nowiki><?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="transform.xsl" type="text/xsl"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" [ <!ENTITY drot "&#xA77A;"> <!ENTITY drotesup "&#xA77A;&#x2009;&#x0364;"> <!-- drot with esup --> <!ENTITY esup "&#x0364;"> <!ENTITY esup2 "&#x2009;<span class='esup'>&#x0364;</span>"> <!-- oplossing Pieter --> ]> <!-- header --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Testbestand </title> <link rel="stylesheet" href="ihb2.css"/> </head> <body> <p> Without superscripts: &drot;ngr </p><p> With superscript but no other trics: &drot;&esup;ngr. Superscript too close to the base character. </p><p> With a small space: &drotesup;ngr. Now it is better readabel, but there is a gap. </p><p> With span: &drot;&esup2;ngr.<br/> With Firefox 3.6.24 this gives NO superscript and a gap. With Firefox 8.0 the superscript, but still a gap, while Opera 7.54u2 shows superscript and has no gap. </p> </body> </html> And in the .css file: body { font-family: Andron Scriptor Web, Times New Roman, Arial; color: black; background-color: #EBEBEB; } p { margin: 0.5em 0 0.5em 0; } .esup { margin-right: -0.3em; margin-left: 0.1em;}</nowiki></pre>

Modified by cor-el

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

A good place to ask advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.

See http://forums.mozillazine.org/viewforum.php?f=25