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 How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Daniel Cohen
Daniel Cohen
5,785 Points
Posted by Daniel Cohen
Daniel Cohen
5,785 Points

Footer padding/margin [SOLVED]

edit: always check your colons.

I can't figure out why my footer appears so close to the elements above it. Maybe it's been like this for a while and I've only just noticed. There's no gap like in the video so it looks cramped. I have looked through the code but haven't found where I went wrong. If I add in a margin to the top then it looks okay in single column format but when the page widens and becomes dual column the footer goes back to being cramped right underneath the columns.

footer { font-size: 0.75em; text-align: center; clear: both; padding-top; 50px; color: #ccc; }

Any help would be appreciated.

Shane Oliver
Shane Oliver
19,977 Points
Shane Oliver
Shane Oliver
19,977 Points

Could you post your html and css?

Daniel Cohen
Daniel Cohen
5,785 Points
Daniel Cohen
Daniel Cohen
5,785 Points

Thanks for the quick reply. I finally found the error... an accidental semicolon instead of a colon. I should probably delete the question!

1 Answer

Steven Parker
Steven Parker
229,644 Points
Steven Parker
Steven Parker
229,644 Points

As an alternative to deleting the question or selecting a "best answer", you could add [SOLVED] to the title.