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 trialEdwin Müller
528 PointsHow 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!
2 Answers
Milad The Computer Guy
20,287 Pointsadd 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
2,573 Pointsgo to the footer and type this
clear: both;
Nathan Gallagher
21,518 PointsNathan Gallagher
21,518 PointsYou 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; }