We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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.

A span element moves 1 pixel as I scroll the page

  • 4 replies
  • 1 has this problem
  • 6 views
  • Last reply by imacarthur

imacarthur
imacarthur
more options

http://caregivers.moditcms.ca

When the page loads sometimes the containing an moves 1 pixel up. As I scroll the page to the top or bottom it fixes itself. Firebug says the position never moves.

It seems to be related to loading custom fonts. If I remove the @font-face no issue.

I can see the loads in the right place before the fonts are processed, then it moves the 1 pixel [usually] until I scroll the page to the top or bottom.

FF 16 seems to be okay. I've seen it in v18 & v19.

http://caregivers.moditcms.ca/images/1-pixel-error.png

http://caregivers.moditcms.ca When the page loads sometimes the <span> containing an <img> moves 1 pixel up. As I scroll the page to the top or bottom it fixes itself. Firebug says the position never moves. It seems to be related to loading custom fonts. If I remove the @font-face no issue. I can see the <span> loads in the right place before the fonts are processed, then it moves the 1 pixel [usually] until I scroll the page to the top or bottom. FF 16 seems to be okay. I've seen it in v18 & v19. http://caregivers.moditcms.ca/images/1-pixel-error.png

All Replies (4)

user633449
user633449
more options

I don't see this with firefox 22 nightly. can you try Firefox 19.0.2 and a new profile? Profile Manager - Create, remove or switch Firefox profiles

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

Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).

  • Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
imacarthur
imacarthur Question owner
more options

The safe mode didn't help with either 18 or 19.

It seems that it did change the beaviour a bit. In safe mode it only seems to happen when the page loads while that portion of the page is visible.

If the page is scrolled to a position where it is not visible it seems to load okay.

Normal mode it always (possibly almost always) has the 1 pixel problem.

imacarthur
imacarthur Question owner
more options

I created a new profile - same thing. And I am using 19.0.2 for my v19 testing.