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.

Firefox renders differently from Safari

  • 2 replies
  • 5 have this problem
  • 1 view
  • Last reply by GilDawson

GilDawson
GilDawson
more options

I have a little html code that produces two similar paragraphs. The only structural difference in the two paragraphs is

a line-end appears in the second paragraph between the two /font tags.

I expected the line-end to be treated as white space and ignored. It is ignored in Safari Version 5.0.2 (6533.18.5), but it is not ignored in Firefox (Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12).

When rendered in Firefox, the second line in the second paragraph appears just a little bit lower below its first line than in the first paragraph.

Here's the html (How can I get it not to render?): 

<html>
<head>
</head>
<body>
<p><font face="Arial">This is the 1st line in the 1st paragraph.<br />
<font size="2">This line is just below it.</font></font></p>
<p><font face="Arial">This is the 1st line in the 2nd paragraph.<br />
<font size="2">This line renders lower in Firefox.</font>
</font></p>
</body>
</html>


--Gil

I have a little html code that produces two similar paragraphs. The only structural difference in the two paragraphs is a line-end appears in the second paragraph between the two /font tags. I expected the line-end to be treated as white space and ignored. It is ignored in Safari Version 5.0.2 (6533.18.5), but it is not ignored in Firefox (Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12). When rendered in Firefox, the second line in the second paragraph appears just a little bit lower below its first line than in the first paragraph. Here's the html (How can I get it not to render?): <pre><nowiki> <html> <head> </head> <body> <p><font face="Arial">This is the 1st line in the 1st paragraph.<br /> <font size="2">This line is just below it.</font></font></p> <p><font face="Arial">This is the 1st line in the 2nd paragraph.<br /> <font size="2">This line renders lower in Firefox.</font> </font></p> </body> </html></nowiki></pre> --Gil

Modified by cor-el

Chosen solution

A good place to ask questions and 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

Read this answer in context 👍 1

All Replies (2)

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

Chosen Solution

A good place to ask questions and 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

GilDawson
GilDawson Question owner
more options

Cor-el--

Thanks for the lead, and thanks also for showing me the tag. --Gil