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

Posted by abhiram reddy
abhiram reddy
16,020 Points

footer { bottom: 0px; }

I wanna keep my footer at the bottom, how do I do that?

2 Answers

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Hi , what do you mean ?

If you want it to stay , you have to set it to position:fixed.

footer{
     position:fixed;
     bottom:0;
}
abhiram reddy
abhiram reddy
16,020 Points

My footer isn't even going to the bottom at all, it keeps staying at the top.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Could you post your html and css code here please? http://codepen.io

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Look at live example.

abhiram reddy
abhiram reddy
16,020 Points

http://codepen.io/abhiram25/

Keep in mind, I just started.

My code can probably be better.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Well, great start of creating your own webpage like this. It will take a bit time and a lot of practice to make it on todays average standard ( responsive design ) .

But great start! I really like it, especially the glow. Im looking forward to see it finished !

Merry Chrsitmas! :smiley:

abhiram reddy
abhiram reddy
16,020 Points

I appreciate it man. i actually come from a marketing background and understand user-first.

I know I can do this, just have to take one step at a time.

I don't know why my footer is at the top though, any ideas?

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Is it in some divWrapper? if yes set it to position relative . OuterDiv , but the footer to fixed and bottom 0.

mikes02
PLUS
mikes02
Courses Plus Student 16,968 Points
mikes02
mikes02
Courses Plus Student 16,968 Points

You might want to take a look at CSS Sticky Footer: http://css-tricks.com/snippets/css/sticky-footer/