Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Jaco Kotzee
Jaco Kotzee
Courses Plus Student 20,157 Points

Footer Problem

I have problems with my footer in my web design. If the screen is too big, the footer is not at the bottom of the screen. or at least not big enough to cover the background image.

You can go to this link and view it on a 2560 x 1440 resolution screen:

http://www.d-oodles.co.za/test/phil-davel-paintings-03.html

What options do I have to solve this problem?

4 Answers

James Barnett
James Barnett
39,199 Points

Quick & dirty method:

#copyright {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Or you can use the negative margin trick from this blog post

Matt West
Matt West
14,545 Points
Matt West
Matt West
14,545 Points

Hi Jacob,

Take a look at this blog post. It should help you out. http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Kris Jolls
Kris Jolls
5,157 Points
Kris Jolls
Kris Jolls
5,157 Points

Thats a nice site you got going there :)

Jaco Kotzee
PLUS
Jaco Kotzee
Courses Plus Student 20,157 Points
Jaco Kotzee
Jaco Kotzee
Courses Plus Student 20,157 Points

I'll try that James... Thanks