Firefox renders differently from Safari

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

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

Similar Messages

Multi gesture for browsers different from safari

Multi gesture for browsers different from safari, for example right to left scroll to previous page. How to set it like in Snow Leopard?

THe only gesture to change tabs is to tap the tab in the address bar. You can go back a page in a website by holding one finger on the left side of the screen and swiping right. You can go back to a previous app by placing four fingers on the right side of the screen and swiping left.

Safari renders page differently from Safari Mac.

I tried to see some web cartoon with my iPad, and I found he image width is shrunk so it's not good to see cartoon.
I tried to zoom the page but the image displayed as low-res image with pixel doubling.
If I try same page with Safari for Mac, image looks fine.
Also if I save image from my iPad and see it with Photo app, it also has high-res quality.
I found same problem for two different web cartoon sites.
Please find the difference from attached screenshots.
http://gallery.me.com/pighair/100173

You should contact the website and let them know. Only they can fix it.

Firefox spacing looks different from Safari and Chrome

The vertical spacing in the title layer is fine relative to the large image in Safari and Chrome but it's crowds the image in Firefox. Can someone tell me how to fix it? I want to retain the swapping feature of the image which is not in a layer.
The site is http://dinghydogs.com

Looks the same to me in FF 15.1 & current Chrome on Windows.
You have quite a few coding errors that should be fixed. Errors can compound display issues in some browsers.
Nancy O.

Can't print from firefox, can print from safari. G4 using 10.5.8

Using Firefox 3.6.18

I did as benshaine posted in his thread here: https://support.mozilla.com/en-US/questions/789780 I installed Firefox 3.5.10 to my desktop, printed from 3.5.10 and then went back into 3.6.x and I could print.

Transfer passwords from safari to firefox

Hi - I have a mac and use Safari - how do I transfer my saved passwords from Safari to Firefox?

I don't know Safari, but see if this works; <Safari may have different tools>
Copy Bookmarks
Press the '''Alt''' or '''F10''' key to bring up the tool bar. Then select
'''Bookmarks'''. Hot key is '''<Control>''(Mac:<Command>)''<Shift> B.'''
Once the window is open, at the top of the page, press the button labeled
'''Import and Backup.''' Select '''Export Bookmarks To HTML,''' and follow
the prompts and save it to a '''HTML''' file. Copy the file to another computer.
Repeat the instructions above, BUT select '''Import Bookmarks From HTML,'''

I can't open mail on Hotmail from Firefox. I can from Safari. I can open the Hotmail account page and it is complete w/ my new messages, but when I go to open them I get this messeage..."Please refresh your browser window. When you access your Windows Liv

I can't open mail on Hotmail from Firefox. I can from Safari. I can open the Hotmail account page and it is complete w/ my new messages, but when I go to open them I get this messeage..."Please refresh your browser window. When you access your Windows Live Hotmail account from more than one computer, we ask you to sign in again to help keep your account private and secure. " when I sign in again there is no change. in English
== URL of affected sites ==
http://http://sn135w.snt135.mail.live.com/default.aspx?n=2087215863
== User Agent ==
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_8; en-us) AppleWebKit/531.22.7 (KHTML, like Gecko) Version/4.0.5 Safari/531.22.7

"Clear the Cache": Firefox > Preferences > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove the Cookies" from sites causing problems: Firefox > Preferences > Privacy > Cookies: "Show Cookies"
See http://kb.mozillazine.org/Clearing_the_cache and http://kb.mozillazine.org/Cookies

After updating on my mac - I cannot open various password protected pages - like my WordPress site. I can open them from Safari and from Firefox on my windows pc.

after updating firefox , it won't allow input of password on various sites - like my wordpress admin page. I can access this page from safari and from firefox on my windows pc.

I cannot open password protected WordPress pages using Firefox. They open using IE
If I remove the password protection the page opens correctly in FF.
I have cleared the FF cache and cookies several times, No change
I have modified the wp-pass.php file several suggested ways related to the referrer and nothing solves the issue.
I tried:
wp_safe_redirect(wp_get_referer());
to
wp_safe_redirect(wp_get_referer() . '?');
NO GOOD
I tried:<br />
<br />
<pre><nowiki>$location = wp_get_referer();
if ( $location == '' )
$location = './';
wp_redirect($location, $status = 302);
</nowiki></pre>
NO GOOD
I have upgraded WordPress to 3.3.1. Still NO GOOD
I have deactivated, and also removed all plug-ins. Still NO GOOD.
Anyone have any ideas?
Why just an FF issue?
IE no problems

Rendering issue in Safari and Firefox OSX

Hello everyone,
http://qa.ocean-florida.co.uk/villas/BlankVillaPageNew.htm
I have a small issue with this page not rendering properly in Safari and Firefox on my Mac.
The top-right image of the group of four is missing and i cant quite figure out why.
Any tips/advice gratefully recieved.
Thank you!
Damien

The rogue bracket may only be part of the problem. What's this below - 0px; top: 2px; ???? Seems as though you declared the position further up the css cascade top: 8px; left: 0px; ?????
#box-link2 {
    position: absolute;
    top: 8px;
    left: 0px;
    width: 83px;
    height: 83px;
    background-color: transparent;
    0px; top: 2px; width: 282px; height: 243px;
and on box 3 -2px; top: 38px; ??????
#box-link3 {
    position: absolute;
    top: 8px;
    left: 0px;
    width: 83px;
    height: 83px;
    background-color: transparent;
    -2px; top: 38px; width: 280px; height: 240px;

Dreamweaver 8 Display Mode renders website differently from IE7 and Firefox2

I'm trying to create a webpage with the following rows setup:
Header
Navigation/Issueinfo (2-column)
Left/Middle/Right (3-column)
OtherLeft/OtherRight (2-column)
Footer
It renders correctly in Dreamweaver 8's display window, but in IE7 and Firefox 2 the Navigation/Issueinfo row renders differently, and I can't figure out what the problem is. I've attached images of D8 and IE7 as well as the HTML and CSS codes. All help is greatly appreciated!
Dreamweaver 8's Display View: http://img28.imageshack.us/i/70399536.jpg/
Internet Explorer 7: http://img3.imageshack.us/i/ie7e.jpg/
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="archive.html">ARCHIVE</a></li>
<li><a href="blogs.html">BLOGS</a></li>
<li><a href="calendar.html">CALENDAR</a></li>
<li><a href="staff/staff.html">STAFF</a></li>
<li><a href="msms/msms.html/">MSMS</a></li>
</ul>
</div>
<div id="issueinfo">
VOLUME 21 ISSUE 3
</div>
<div id="left">
    Left side text...
</div>
<div id="right">
    Right side text...
</div>
<div id="middle">
    Middle column text...
</div>
<div id="otherleft">
Otherleft text...
</div>
<div id="otheright">
Otherright text...
</div>
<div id="footer">Footer...</div>
</div>
</body>
</html>
CSS:
/* CSS Document */
/* Specify blanket rules for all elements */
body {
    color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
    padding:0px;
background-color:#000077;
a{
color:#000077;
text-decoration:none;
a:hover{
text-decoration:underline;
#container {
width:1020px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
#header {
    clear:both;
    width:1020px;
height:130px;
background-image:url(images/banner.jpg);
#navigation {
float:left;
width:800px;
text-align:center;
background-color:#000077;
#navigation li{
display:inline;
list-style-type:none;
padding-right:30px;
#navigation a{
color:#FFFFFF;
text-transform:capitalize;
#issueinfo {
clear:right;
color:#FFFFFF;
text-transform:capitalize;
text-align:center;
margin:0px 0px 0px 800px;
background-color:#000077;
#left {
    clear:left;
float:left;
    width:318px;
padding:0px 10px 0px 10px;
#right {
    float:right;
    width:318px;
padding:0px 10px 0px 10px;
#middle {
margin:0px 340px 0px 340px;
padding:0px 10px 0px 10px;
#otherleft {
float:left;
width:510px;
#otherright {
margin:0px 0px 0px 510px;
#footer {
clear:both;
color: #FFFFFF;
text-align: center;
background-color: #000077;

DW Design View is only an approximation of what various browsers will do.
Try this (note changes in red): Tested in FF 3.6.
#navigation {
    float:left;
    width:800px;
    text-align:center;
    background-color:#000077;
    line-height: 2em; /**ADD THIS**/
#issueinfo {
   clear:right; /**REMOVE THIS**/
    color:#FFFFFF;
    text-transform:capitalize;
    text-align:center;
    margin:0px 0px 0px 800px;
    background-color:#000077;
    line-height: 4em; /**ADD THIS**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

Since the last update I have been unable to print from Firefox. No problem printing from Safari or any other program. I've seen a few responses to this problem but only to people running Windows. I'm on a Mac running v. 10.5.8

Since the last update I have been unable to print from Firefox. No problem printing from Safari or any other program. I've seen a few responses to this problem but only to people running Windows. I'm on a Mac running v. 10.5.8.

Also when I click on the link in my email to activate my account (in the hopes that a solve will be emailed to me) I get this message -
"Something is wrong
We could not activate your account. Please make sure that you have clicked the correct link in your email or typed in the correct address."
Same message if I cut and paste the link.

Safari is giving me a missing plug in message when I try to view things like movie trailers. The trailers play on Firefox, so I'm not sure what's missing from Safari.

Safari is giving me a missing plug in message when I try to view things like movie trailers. The trailers play on Firefox, so I'm not sure what's missing from Safari. I have Safari 5.0.6 and Mac OS X 10.5.8.

I just noticed that it won't play some newsite videos anymore either. What plug in do I need to update (if that's the problem)?

Hi,I've an iBook G4 bought in 2005, didn't even know it was going to be download redundant with the changeover, all I want to do is change from Safari to a Firefox compatible as browser..is that possible? I'm not techno, so go easy! Anna..

It was recommended that I try Firefox as it's more user friendly to accessing a variety of our sites of interest that aren't being facilitated by Safari. But your info says that the latest Firefox isn't compatible with my iBook..is there an older version that is, as, of course, I can't install any new software from intel onto this product ? I'm stuck with it as a browser & office work it seems, so I want to get the best out of that much!

Firefox 4 requires at least OS X 10.5 and an Intel Mac. There is a third party version of Firefox 4 that runs on OS X 10.4/10.5 and PPC Macs, for details see http://www.floodgap.com/software/tenfourfox
If you prefer, you can get the latest version of Firefox 3.6 from http://www.mozilla.com/en-US/firefox/all-older.html

Colors are Different in Safari then in IE or Firefox...

Hi All,
I am trying to put together my first website. I am using a specific BG color, the problem is that this color is appearing differently in Safari then in IE or Firefox. IE and Firefox display the color correctly, but the Safari color is off. Any ideas?

Thanks for that - might have realised this a lot earlier if it didn't work in Safari!
I assume I just need some CSS like:
.formbutton
background-image: image1.jpg;
.formbutton :hover
background-image: image2.jpg;
And:
<input type="submit" name="KT_Insert1" id="Send" value="Send message" class="formbutton" />

I have imported bookmarks from Safari to Firefox but the bookmarks bar does not change in Firefox and match that of Safari. That's the part I need most. Any ideas why? Also, I don't see where to choose for Firefox to be my default browser.

I use a Imac with OS 10.6.7. I've just uploaded Firefox 4. I had Firefox 3 already but do not use it often. I've been using Safari. I imported bookmarks from Safari to Firefox, but the bookmarks bar in Firefox did not change to match that of Safari, and that's where the important bookmarks are. Any ideas?
Also, I can't find where to choose Firefox as my default browser.

Copy the files from the old Profile into the new Profile, replacing the existing files that are in the new Profile. That will make your new installation just like the old one.
Or if you just want your bookmarks, copy only the '''places.sqlite''' file from the old Profile into the new Profile.

Firefox renders differently from Safari

Similar Messages

Maybe you are looking for