Remove White Space Under Footer
-
Hey guys,
I need help in figuring out how to remove the white space under the footer on my website here http://www.hatemyhouse.com. I’ve used Firebug and tried modifying the wrapper and the footer css, but nothing worked. I just need that footer to sit on the bottom of the page no matter how much content is in the body.
Thanks and I really appreciate any help in advance!
-
What CSS did you try?
I’ve tried
.wrapper {margin: 0px; padding: 0px;}, .footer {bottom: 0; margin: 0px; padding: 0px;}all to no avail.I’m using Chrome’s built-in developer tool, much like Firebug, and I can see that there is a margin of 25px applied to the footer: [screenshot], are you aware of this? That’s partially responsible.
Yes, I’m aware. I wanted to create a bit of space above the footer. I’ve even tried removing that 25px and nothing happens.
If you want to make space above the footer specify ‘
margin-top: 25px;‘ instead.The margin on the footer is still there for me, but anyway the other space comes from the padding on the wrapper element http://snag.gy/evPeO.jpg .
The footer won’t stay down at the bottom of the screen by default, follow this tutorial: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
I’ve even tried that tutorial. Couldn’t get it to work for me. I’ll keep looking for a way, and I’ve taken your advice and used ‘margin-top: 25px;’ instead.
Thanks!
Css issue here. Please read little css tips at htmldog. That was help me with my website.
The topic ‘Remove White Space Under Footer’ is closed to new replies.