Archived

This topic is now archived and is closed to further replies.

  • 0

Fix footer at browser bottom


Question

Posted · Report post

Is there any way to fix the footer at the bottom of the browser?

I tried to change html,site and #footer CSS but without sucess. The footer is positioned above the bottom part of the browser. As I applied a background image it looks odd.

livrosdaindigo.com.br (I am starting to customized yet, so it is a job in process)

Any help will be appreciated.

Thanks!

Wada

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

Wada,

You'll need to resize the background image you're using to make sure that it fits the footer properly. Is this background a repeating background?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Catrina,

I've changed the footer size to 61 pixels and set the background image to repeat (x and y). The thing is that using firebug I can see that the div footer is configured properly but the 'body' area opens an additional height below footer area.


#footer {

    background-image: url("http://www.livrosdaindigo.com.br/wp-content/uploads/2012/10/footer_bck.png");

    background-position: center bottom;

    background-repeat: repeat;

    bottom: -20px;

    height: 61px;

    padding: 0;

}

Tried to set the margin-bottom to 0 px but did not worked too.

I am little bit lost about how to fix my footer to the bottom of any page without these extra pixels below it.

I hope you can help me and I will keep trying.

Thanks a lot!

Share this post


Link to post
Share on other sites