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
Osas Oyara
4,281 PointsCSS Experiment
I recently finished the ccs layout technique section and I am just experimenting. I have ran into two issue tough, without the main banner I can't make the footer stick to the bottom of the page and my header is overlapping my content. Help would be much appericated.
8 Answers
Tommy Gebru
30,164 PointsHave you tried using the clear property?
Osas Oyara
4,281 PointsExactly where would I use it?
Tommy Gebru
30,164 PointsI had the same challenge yesterday, hope this helps css tricks
Osas Oyara
4,281 Pointsno it did not work :(
Tommy Gebru
30,164 PointsI visited your pen and though I am still completeing the css deep dive. I believe your footer does remain on the bottom but the header does seem to have a fixed position try changing this to absolute.
Christer Austad
8,373 PointsWhen using fixed position the element won't take up space. That's the reason for the header overlapping the content. You need to use a margin to push down the main content below the header.
Osas Oyara
4,281 Pointsok thanks, I located and resolved the header issue. But now look at the footer. To demonstrate the issue i was having I change the bottom three sections to display none. Now the footer is in the middle of the page. Is there anyway I can make the footer stick to the bottom of the page without having a side scroll bar.