Sent by Zoe M. Gillenwater on 27 January 2006 16:04
Seona Bellamy wrote:
> I've had a look on the wiki, but as far as I can tell the footers there
> don't seem to work real well when two of your three content columns are
> positioned absolutely.
I think a better way to say this would be that absolutely positioned
layouts don't work well with footers, but carry on. :-)
> At the moment I'm using the Cookiecrook mod to
> Devnull's
example<http://www.google.com/url?sa=D&q=http%3A%2F%2Fwww.cookiecrook.com%2Fbugtests%2Ffixed.htm>and
> it works fine if the middle column is the longest - that's the only
> one
> not positioned absolutely. Sadly, however, I can't guarentee that this will
> always be the case. Once the left-hand navigation is filled out completely
> and the teasers and ads are put into the right, there is a good chance that
> some pages will have a shorter middle column. At any rate, I can't afford to
> ignore this possibility.
>
> Does anyone know how to tweak my existing footer to make it behave, or can
> point me to another one that I can use instead?
>
Seona,
It's not an issue of your footer not behaving. It's the absolute
positioning that is the "issue." When something is absolutely
positioned, it's removed from the flow, so the other divs don't know
it's there any more. This includes the footer, which is just as
blissfully unaware as all the other stuff on the page, and nothing you
can do can make it "see" that absolutely positioned object that's
cruelly overlapping it.
There's a Javascript solution to this, but a far more reliable one is to
avoid using absolute positioning to lay out large portions of your pages
and use floats instead.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
