Re: [css-d] Footer doesn't stick to bottom of page
On 19-Jun-09, at 4:14 PM, Paul Novitski wrote: At 6/19/2009 01:35 PM, Norman Fournier wrote: If anyone knows a way to effect both the footer staying anchored to the bottom of the browser window and/or appearing at the end of the text, that would be fantastic, or is it a choice of one or the other? I've used Cameron Adams' solution several times successfully: footerStickAlt: A more robust method of positioning a footer by Cameron Adams http://www.themaninblue.com/writing/perspective/2005/08/29/ ...the Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page whichever is visually lowest. Regards, Paul This method works for my circumstance too... thank you for all your help. Norman __ css-discuss [cs...@lists.css-discuss.org] 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-d] Footer doesn't stick to bottom of page
Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman --- Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman --- Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
On 19-Jun-09, at 11:26 AM, Elias Abunassar wrote: On 19-Jun-09, at 11:22 AM, Sandy Gonzales wrote: There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman On 19-Jun-09, at 11:26 AM, Elias Abunassar wrote: On Fri, Jun 19, 2009 at 2:08 PM, Norman Fournier nor...@normanfournier.com wrote: #footer { clear: both; } You can remove: height: auto; / * Remove bottom: 0; /* Remove position: absolute; /* Remove Elias Abunassar Hello, The footer is positioned at the end of the bodycopy, here: http://www.normanfournier.com/capabilities/privacy.html but does not stay anchored to the bottom of the browser window when there is little bodycopy, as in this page: http://www.normanfournier.com/realworld.html The ideal solution is the footer appears at the bottom of the browser window as opposed to the end of the bodycopy. If anyone knows a way to effect both the footer staying anchored to the bottom of the browser window and/or appearing at the end of the text, that would be fantastic, or is it a choice of one or the other? Is there a way to have the Thank you! Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
At 6/19/2009 01:35 PM, Norman Fournier wrote: If anyone knows a way to effect both the footer staying anchored to the bottom of the browser window and/or appearing at the end of the text, that would be fantastic, or is it a choice of one or the other? I've used Cameron Adams' solution several times successfully: footerStickAlt: A more robust method of positioning a footer by Cameron Adams http://www.themaninblue.com/writing/perspective/2005/08/29/ ...the Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page whichever is visually lowest. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman Did not look at your stuff. So, please forgive me if you have already looked into, or are already locked into: footerStickAlt: A more robust method of positioning a footer? http://themaninblue.com/writing/perspective/2005/08/29/ ~d __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
Norman Fournier wrote: Hello, The footer is positioned at the end of the bodycopy, here: http://www.normanfournier.com/capabilities/privacy.html but does not stay anchored to the bottom of the browser window when there is little bodycopy, as in this page: http://www.normanfournier.com/realworld.html The ideal solution is the footer appears at the bottom of the browser window as opposed to the end of the bodycopy. [...] Norman Fournier Hello Norman, you need a container with a min-height of 100% for the rest of the contents to be able to position the div#footerholder. Currently the only container you have is the body and you don't want to place the div#footerholder between the /body ... /html tags. This should be easily achieved by absolute positioning but for Opera, this requires a re-flow by resizing the viewport horizontally. Because of this footerStickAlt method (mentioned in thread) is the proven method. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] Footer doesn't stick to bottom of page
Sandy Gonzales wrote: There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. [...] Hello Sandy, there is no shoulds in CSS. This is about Opera (any version) and IE6 being *buggy* with absolutely positioned elements when they are positioned from the bottom of the viewport. If absolute positioning worked how it should, then the sticky footer can be removed from *anywhere in the flow*. I have used absolute positioning for a sticky footer here and works in all browser apart from Opera. Forget IE6, didn't want to hack. http://css-class.com/test/epsilon.htm -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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/