Re: [WSG] :: Footer not resting at bottom of page ::
Thats the site I said to take a look at. Looks like my mail did'nt get there. Kate http://jungaling.com/katesplace/ http://jungaling.com/Malaysia/ - Original Message - From: Matijs To: wsg@webstandardsgroup.org Sent: Wednesday, April 23, 2008 8:57 AM 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 around ... 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] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.4/1395 - Release Date: 24/04/2008 07:24 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] :: Footer not resting at bottom of page ::
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 around ... 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] ***
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 around id="masthead"> > ... 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] ***
RE: [WSG] :: Footer not resting at bottom of page ::
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 around ... 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] ***
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)*/ } and #wrapper around #mastheader, #container and #secinfo, but you'll have another problem - empty space between #secinfo and #footer 2008/4/22, Amrinder <[EMAIL PROTECTED]>: > > Hi, > > 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. > > Thanks in Advance. > > Kind Regards > Amrinder > Freelance Web Designer > www.awayback.com > > *** > 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] ***
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 around id="masthead"> > ... 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] ***
RE: [WSG] :: Footer not resting at bottom of page ::
> 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 around ... 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] *** BEGIN:VCARD VERSION:2.1 N:Gelotte;Kepler;;Mr. FN:Kepler Gelotte ([EMAIL PROTECTED]) ORG:Neighbor Webmaster TITLE:Web Designer TEL;WORK;VOICE:(732) 302-0904 TEL;WORK;FAX:(732) 302-0904 ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America URL;WORK:http://www.neighborwebmaster.com EMAIL;PREF;INTERNET:[EMAIL PROTECTED] REV:20070415T052107Z END:VCARD