![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
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?
<?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 "ꝺ"> <!ENTITY drotesup "ꝺ ͤ"> <!-- drot with esup --> <!ENTITY esup "ͤ"> <!ENTITY esup2 " <span class='esup'>ͤ</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 "ꝺ">
<!ENTITY drotesup "ꝺ ͤ"> <!-- drot with esup -->
<!ENTITY esup "ͤ">
<!ENTITY esup2 " <span class='esup'>ͤ</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>
Змінено
Усі відповіді (1)
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