While I'm bringing up other Arqade Meta styling issues, there is a bug in the background between the footer and rest of the page that sometimes shows up when scrolling on Meta. I think the body background is fixed but the footer's isn't, so sometimes you get a 2-pixel wide back stripe at the bottom of the page. It's sensitive to browser height, as well as how you're scrolling (e.g. my mousewheel only seems to scroll an even number of pixels at a time)

visible pixel seam

This doesn't happen on the main site, as #footer has no background.

Meta CSS:

#footer {
    clear:both; color:#444; padding:0; 
    background:transparent url('img/bg-header.png') top center;

Main CSS:

#footer {
    clear:both; color:#444; padding:0;

Ignoring the footer's background style in Chrome eliminates the seam. For some reason there's a bg-header.png, which is 1-bit brighter than bg-body.png and repeated 61 times (it's 1x122 instead of 1x2)

  • 1
    I've got the same thing occasionally as well. puu.sh/6je3n.png
    – GnomeSlice
    Jan 13 '14 at 4:23
  • Yep, I can repo in Pale Moon/Firefox. Jan 13 '14 at 5:15
  • Not seeing this in Safari.
    – David M
    Jan 13 '14 at 5:28
  • @DavidM try scrolling with the scrollbar and/or changing the browser window height
    – Nick T
    Jan 13 '14 at 6:01
  • 1
    Seeing those everywhere in the background, here and main site, on mobile chrome.
    – 3ventic
    Jan 13 '14 at 6:54
  • Still not seeing it in any browser window size. And, OSX has largely done away with the scroll bar for the last three iterations.
    – David M
    Jan 13 '14 at 12:00
  • I see it on Chrome, IE, and mobile Chrome.
    – Ash
    Jan 13 '14 at 17:37

I removed the meta footer bg image. The fix will go out after the next production build.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .