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 Styling Web Pages and Navigation Polish the Navigation and Footer

Edwin Müller
Edwin Müller
528 Points

How do i get the footer to be at the botom of the page? As it seems now, the footer and social links are next to galery

Hello!

How do i make shure the social-media buttons are at the botom of the page? I can't seem to get it right. What happens is that they are on the right och the gallery. When i make the screen smaller, it moves down next to the gallery images. Does anyone know how to solve this? Here is my code: http://pastebin.com/KiNn62B5

Thanks!

Nathan Gallagher
Nathan Gallagher
21,518 Points

You need to make the footer clear both sides. Your gallery is floated so it breaks the normal flow of the document and the footer becomes the next thing in line, which is why its jumping higher on the page. Hope this helps :)

footer { clear: both; }

2 Answers

Milad The Computer Guy
Milad The Computer Guy
20,287 Points

add overflow:hidden to the parent element where you use float. or add these properties to the parent element:

.parent{ display:table; content:""; clear:both; }

faisal salum
faisal salum
2,573 Points

go to the footer and type this

clear: both;