#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] *******************************************************************