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
