I use the following when I need to push the footer to the bottom.

 

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

 

It’s very well documented and works pretty well.

 

Cheers!

 

-          Pablo

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Matijs
Sent: Wednesday, April 23, 2008 1:58 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] :: Footer not resting at bottom of page ::

 

The (imho) best way to do this is by using the Man in Blue's FooterStickAlt:

http://www.themaninblue.com/writing/perspective/2005/08/29/

On Tue, Apr 22, 2008 at 8:08 AM, Tim MacKay <[EMAIL PROTECTED]> wrote:

Hi Amrinder,

 

I would recommend this solution; it was given to me from a member of this list 
a few months ago and worked great. 

 

http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom

 

Best Regards,

Tim

 

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of ?????? ?????????
Sent: Tuesday, 22 April 2008 4:00 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] :: Footer not resting at bottom of page ::

 

#wrapper {
  min-height:100%;
} is not enough
+
* html #wrapper {
  height:100%;
}
html, body{
  height:100%;
}
#footer {
  margin-top:-50px;/* margintop = -(this height)*/
}

2008/4/22, Kepler Gelotte <[EMAIL PROTECTED]>:

> I have problem with the footer of my website: www.awayback.com it is not
staying at bottom of the page. Things are fine in case of low
> resolution i.e. 1024x768 but in high resolution screens (1200x1024) 
footer is hanging mid way and not at bottom of the page.



Hi Amrider,

I would suggest adding another <div id="wrapper"> around <div id="masthead">
... <div id="footer"> with a min-height of 100%:

div#wrapper {
        min-height: 100%;
}

This should keep the footer at the bottom of the page on short pages.

Best regards,

Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
________________________________________




*******************************************************************

List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
******************************************************************* 



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to