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

A span element moves 1 pixel as I scroll the page

  • 4 respostas
  • 1 has this problem
  • 6 views
  • Last reply by 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)

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

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.
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.

more options

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