On 6/9/2006 7:10 AM, Alex James wrote: > Brett wrote: >> Please see http://dawkins.ctat.cs.cmu.edu/ >> My goal is the same as footerStickAlt [1]. I can't get this footer to > stick to the bottom of the page in any browser. > > Brett, > > Try the following: > > Remove margin-bottom:10em; from the #nonfooter declaration. > > Add clear: both; to the #footer. > > In FF this will now stick unfortunately it's still not expanding to the > full width of your layout. Maybe some one else can shed some light on > this? I'm confused as firstly you didn't declare a negative value for > margin-top in the #footer like the Man-In-Blue[1] example and secondly > why adding the clearing property partially works? > > Oh, and that mainstyles.css file is a beast! > > Thanks, > Alex > > [1] http://www.themaninblue.com/writing/perspective/2005/08/29/#content
I've removed #nonfooter's margin-bottom, and added clear:both to #footer (I believe I've tried this before). The result is good for long pages, but short pages are still problematic (see http://dawkins.ctat.cs.cmu.edu/index.php?id=download ). I could add a negative margin to #footer as per the Man-In-Blue example, but in that example, the negative margin moved the footer from outside the viewport into it. On my page, the footer is already inside the viewport, so adding a negative margin would just push it up further. As I mentioned, I think something interesting is going on with the computation of 'height'; I think height isn't taking the height of my #sponsors div into account. Also, using the webdeveloper toolbar, I can see that the footer isn't even being pushed to after the #nonfooter div (which is the premise of footerStickAlt)! Sorry for the beastly mainstyles.css. I could certainly split it up in the future. Thanks, Brett ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
