Debbie,
The trick with footer to remain at the bottom of the page irrespective of
content or browsers used is to to change or add to the the #body section in css
file as follows:
#body {
padding-bottom:60px; /* Height of the footer */
}
Also, add or change the footer ID to:
footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
/* background:#6cf; */
}
This metthod is proposed by Matthew James Tsaylor on his website and it has
worked for me thus far. To read the entire article/short tutorial click here:
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Hope this proves useful.
--- On Sat, 11/7/09, Debbie Campbell <[email protected]> wrote:
> From: Debbie Campbell <[email protected]>
> Subject: [css-d] problem with sticky footer in most browsers
> To: [email protected]
> Date: Saturday, November 7, 2009, 6:08 PM
> On this site (WordPress if it makes
> any difference):
>
> > http://www.onejedi.com/
>
> My sticky footer is working fine in FF and IE8 - but in
> Safari/Win,
> Opera and Chrome, the footer is sliding up slightly over
> the bottom of
> div#content.
>
> In IE7 the footer's way up into #content.
>
> I'm using this sticky footer method:
>
> > http://www.cssstickyfooter.com/
>
> Can someone tell me how to fix what I have, or suggest
> another method I
> should be using here? Help is much appreciated.
>
> --
> Debbie Campbell
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
