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

CSS CSS Basics (2014) Basic Selectors ID Selectors

Posted by mike LaBianca
mike LaBianca
Courses Plus Student 2,456 Points

my orange border on the bottom of screen is floating above the bottom how do i fix this

i wrote the same code as Guil but my page looks different from his, here is my code

#main-footer {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: solid 10px orange;
}
Peter Campbell
Peter Campbell
18,085 Points
Peter Campbell
Peter Campbell
18,085 Points

Did you add the main-footer id to your footer element in the index.html file?

It should look something like this

<footer id="main-footer">
  <p>All rights reserved to the state of <a href="#">California</a>.</p>
  <a href="#">Back to top &raquo;</a>
</footer>

</body> </html>

Colin Marshall
Colin Marshall
32,861 Points
Colin Marshall
Colin Marshall
32,861 Points

Can you please provide a snapshot of workspace? Thanks!

mike LaBianca
mike LaBianca
Courses Plus Student 2,456 Points

yes I did add the main-footer id but its still not working. How do I add a snapshot of my code? there's no menu on the upper right hand corner?

2 Answers

Peter Campbell
Peter Campbell
18,085 Points
Peter Campbell
Peter Campbell
18,085 Points

There is a camera icon in workspaces. It's the left most icon of the three icons in the top right hand corner.

Bram Wieggers
Bram Wieggers
8,567 Points
Bram Wieggers
Bram Wieggers
8,567 Points

I have the same problem with the orange border, can't get it to the bottom of the page.

https://w.trhou.se/juuwz6dumz