11

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)

7
  • 1
    I've got the same thing occasionally as well. puu.sh/6je3n.png
    – GnomeSlice
    Jan 13, 2014 at 4:23
  • Yep, I can repo in Pale Moon/Firefox.
    – Ullallulloo
    Jan 13, 2014 at 5:15
  • Not seeing this in Safari.
    – David M
    Jan 13, 2014 at 5:28
  • @DavidM try scrolling with the scrollbar and/or changing the browser window height
    – Nick T
    Jan 13, 2014 at 6:01
  • 1
    Seeing those everywhere in the background, here and main site, on mobile chrome.
    – 3ventic
    Jan 13, 2014 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, 2014 at 12:00
  • I see it on Chrome, IE, and mobile Chrome.
    – user11502
    Jan 13, 2014 at 17:37

1 Answer 1

Reset to default
5

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 .