为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Firefox 13 Rendering Websites Differently Than FF11/12

  • 4 个回答
  • 2 人有此问题
  • 9 次查看
  • 最后回复者为 cor-el

more options

CSS and Image rendering problems ONLY with Firefox 13...

I am a web developer, so browsers displaying code differently is not foreign. What is foreign to me, is having Firefox be the only browser that's rendering the code incorrectly. Please see two examples below:

http://powellcareandrepair.web12.hubspot.com/ http://www.facebook.com/sv.capella1

In Powell Care the flash button is off by one pixel causing a white line down the side of the button. This only occurs in FF13. The site renders correctly in ie9, Chrome, Safari, Firefox 11 and Firefox 12.

In the second example the Facebook page has a profile picture which lines up with the cover photo. Again this works correctly in ie9, Chrome, Safari, Firefox 11 and Firefox 12, but not Firefox 13.

My question is what's going on here? How does code that previously worked in the last two versions of Firefox (11+12) now all of the sudden not work in 13?

Any help would be appreciated. Is there something that I've coded wrong, with the exception of Facebook which will not change. This doesn't make sense to me.

CSS and Image rendering problems ONLY with Firefox 13... I am a web developer, so browsers displaying code differently is not foreign. What is foreign to me, is having Firefox be the only browser that's rendering the code incorrectly. Please see two examples below: http://powellcareandrepair.web12.hubspot.com/ http://www.facebook.com/sv.capella1 In Powell Care the flash button is off by one pixel causing a white line down the side of the button. This only occurs in FF13. The site renders correctly in ie9, Chrome, Safari, Firefox 11 and Firefox 12. In the second example the Facebook page has a profile picture which lines up with the cover photo. Again this works correctly in ie9, Chrome, Safari, Firefox 11 and Firefox 12, but not Firefox 13. My question is what's going on here? How does code that previously worked in the last two versions of Firefox (11+12) now all of the sudden not work in 13? Any help would be appreciated. Is there something that I've coded wrong, with the exception of Facebook which will not change. This doesn't make sense to me.

所有回复 (4)

more options

You may get lucky and have a reply here you probably have a better chance on the mozillazine forum

It is probably a good idea to check the site code compliance using the W3C validator

Firefox does try to keep up with the standards, so there may well be some differences between versions see for instance

Note also comments in locked thread /questions/930756


P.S.
You may be able to spot something in the release notes that accounts for the difference:

由John99于修改

more options

Those pages look seamless and sharp to me.

In case your zoom setting is a factor, press Ctrl+0 (that's a zero) to reset to default.

For the record, I've disabled smooth scrolling and graphics hardware acceleration. You could test one or both of those if you like:

(1) Smooth Scrolling

orange Firefox button or classic Tools menu > Options > Advanced

On the "General" mini-tab, uncheck the box for "Use smooth scrolling"

(2) Graphic Acceleration

You usually need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).

orange Firefox button or classic Tools menu > Options > Advanced

On the "General" mini-tab, uncheck the box for "Use hardware acceleration when available"

Then restart and view your pages again. Does that make any difference?

more options

@John99 and @jscher2000 thank you both for the replies. I'm testing some more and will keep you posted.

Interesting is the Facebook page link: http://www.facebook.com/sv.capella1 as I have no control over that, but know that it was previously working in the browsers I listed.

more options

If use text zoom of 90% or 80% or full zoom of 110% on the http://powellcareandrepair.web12.hubspot.com/ page then the two flash object align OK, so it looks that some white space or text gets rendered differently.