531538 - css positioning is not correct in this web page

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[info]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5

This problem ONLY OCCURS on MAC OS X version of Firefox.

The best way to see this problem is: Go to http://blu-raytracker.com/browse in firefox, and also go to the same page in Safari. You can see the top position of the year numbers is different in the two browsers. Safari renders it correctly. Why do I know. Because it looks exactly the same in Safari, or any browsers (including firefox) on Windows and Linux. Only the Mac OS X version of Firefox got it wrong.


Reproducible: Always

Steps to Reproduce:
1. open firefox in Mac OS X
2. go to http://blu-raytracker.com/browse
3. thats it
Actual Results:  
The top position of the year numbers is not correct. 

Expected Results:  
It should be down a little bit. Go to the same webpage in Safari and you will see the expected results.

Comment 1

[Tanner Filip [:tanner]]

Can you please provide screenshots of what it looks like in FF and safari? Moving to TE.

Comment 2

[Tobias (:Tobbi) Markus]

I can't confirm this with recent versions of Firefox and Internet Explorer. 

Can you please do a screenshot with current versions of FF and IE and point out the changes?

Comment 3

[Tobias (:Tobbi) Markus]

Sorry, I meant Safari, also, does this issue only occur on FF on a Mac or do you have the possibility to re-test this bug on a Windows Internet Explorer build?

Comment 4

[philippe (part-time)]

There is indeed a difference between Gecko browsers and WebKit based browsers. But both of them clip the top of the numbers: Safari slightly so, Gecko a bit more. That is an issue of font-metrics. In this particular case, the font specified is 'Helvetica', for which Safari has a hack to mimic the font-metrics of 'Arial'. See bug 480196 comment 6 about that.

Specifying 'Helvetica Neue' instead will give you better results.

Comment 5

[Tanner Filip [:tanner]]

Is this bug about your own website, by the way?

Comment 6

[info]

Yes. as suggested by Philippe, changing to ''Helvetica Neue' fixed it.

Comment 7

[Chris Lawson (gone)]

Sounds FIXED by original author of site, then.