footer help!

[text0r]

My footer won’t stay at the bottom I tried a few things didnt work out well…

currently what i have for my footer:

/*Footer Css*/
.footer_main {
width: 100%; 
line-height: 40px;
background: #2a2b2c;
bottom: 0px;  
height: 40px;
min-height: 100%
clear: both;
}
#footer {
font-size: 12px;
color: #939393;
width: 960px;
margin: 0px auto;
}
#footer span {
color: #ffffff;
}
/*Footer Css*/

website is voetbaltr.nl thanks!

[Tom Houy]

Are you trying to have a “sticky” footer that remains at the bottom of the browser window?

If so, you need to add “position: fixed; bottom: 0px;” to your footer CSS.

[text0r]

i added it to .footer_main but still not at bottom :(

[Tom Houy]

Strange, it’s working for me. I copied your HTML for the footer, as well as your CSS in the post and added “position: fixed;” as you mentioned that you did, along with some filler text:

http://codepen.io/tomhouy/pen/nlKgL

Are you previewing it in a browser or a program such as Dreamweaver?

Perhaps double check for any typos such as a missing semi-colon, misspelling, etc?

[text0r]

Yes I added it good but as you can see: http://voetbaltr.nl/standen it doesnt show up my other lines there on my content because of that code can it because of my other css settings? What I have fully:

http://pastebin.com/wrDEN5xY

[text0r]

I had min height without ; i removed that line and its on bottom now for me i think can u please check the site again thanks

[Tom Houy]

It doesn’t look like it’s working currently. However, I don’t see the “position: fixed; bottom: 0px;” in your CSS either. Also, it looks like your footer block is wrapped in another DIV, you could try moving it outside of that too.

[ScottMarshall]

check this out its simple and easy to use
https://css-tricks.com/snippets/css/sticky-footer/

[text0r]

I do have that right now also what do you mean your footer block is wrapped in another DIV? Could you explain please because im not good with CSS :(

my footer right now:

/*Footer Css*/
.footer_main {
width: 100%; 
line-height: 40px;
min-height: 5%;
background: #2a2b2c;
bottom: 0px;
height: 40px;
clear: both;
position: fixed;

}
#footer { 
font-size: 12px;
color: #939393;
width: 960px;  
margin: 0px auto;
}
#footer span {
color: #ffffff;
}
/*Footer Css*/

if you go to http://voetbaltr.nl/standen I don’t see the line 17-18 on it, its only to 16 but for some of my friends they can see it..

sorry for my bad english!

[text0r]

@Scott

Where do I have to put all that for my CSS?

My fully CSS is here: http://pastebin.com/wrDEN5xY

[gowda24]

Hi

Check this out link

[text0r]

Will try thanks

[Astronaut]

I’m having same problem, i guess..

header is 800px wide but footer is 1000px means cover full width?? ?

body{
margin: 0 auto;
padding:0px;
}

only centered top of the page but not the footer.

[Author]

Posts