Footer moving on scroll

[mwcoastmedia]

My footer is shifting down ~50px when I scroll below the fold while browsing in Firefox. Looks fine in Chrome and Safari.

I was trying to add a background color to the main content area (CSS gradient), but realized there was a gap between that container and the footer. So I added some custom.css to make the footer move accordingly, but now it seems to snap down 50px at the same time the image scales in the header (just when you scroll below the fold).

Any insight?

---

[Support]

Hello, I’m not sure if you were able to fix it or it’s not happening here, so could you please send me more information? Such as resolution, firefox version and a screenshot would be great. 🙂

Thanks.

---

[mwcoastmedia]

I stripped as much code back it seems like my problems were coming from trying to overcome a different design feature of the template. My issue at root is that there is a space between my content and the footer automatically added in. I’m assuming it’s a margin somewhere, but I can’t figure out how to elegantly scoot the footer up so the background of my content (a subtle CSS3 gradient) would butt up against the footer seamlessly.

---

[Support]

Hello, ok, so here’s my suggestion, please try to add this:

(css/custom.css)

.main {
	padding-bottom: 30px;
}

#footer {
	margin-top: 0;
}

#footer.short {
	padding-top: 30px;
}

Let me know if there is anything else I can help you with.

Regards.

---

[Author]

Posts