Jump to content


Photo
- - - - -

Fix footer at browser bottom

footer

  • Please log in to reply
2 replies to this topic

#1 wada

wada

    Newbie

  • Members

  • 2 posts
  • LocationSao Paulo - Brazil

Posted 05 October 2012 - 02:20 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 October 2012 - 03:19 PM

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?

#3 wada

wada

    Newbie

  • Members

  • 2 posts
  • LocationSao Paulo - Brazil

Posted 05 October 2012 - 06:48 PM

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.

Please Login or Register to see this Hidden Content


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!