Hi Alex and Everyone
I'm sorry, but I wasn't very clear in my attempt at explaining what I
needed to Jack. (I'm new at CSS and forgot all about fixed
positioning.) I don't want fixed positioning. What I need is for the
footer to appear at the bottom of the browser window if the content is
too short to fill the window. So, the footer should appear either
below all the content on a long page or at the bottom of the viewport
on a short page. Right now, on short pages, I have a huge gap below
the footer where the page background color shows. For an example, look
at this page on a monitor with a higher resolution than 1024 x 768:
Because my templates all contain beaucoup sample content and I'm using
a 1024 x 768 resolution monitor, I didn't see the problem. My husband
is doing QA for me on a higher resolution monitor and discovered the
problem. I've already implemented 69 pages of my site, so I hope
there's a solution that I can apply to my existing pages without
having to change too much.
I originally based my CSS layouts on Skidoo Too : A 3 Column Layout:
I had thought that layout was supposed to extend to the bottom of the
viewport, but perhaps I was mistaken. It was supposed to prevent long
sidebar content from running into the footer, too, but I just
discovered that my implementation doesn't. I probably messed something
I'd tried other approaches to CSS layout, but wasn't able to get them
to work with my existing design, which I'd originally implemented as a
Thanks anyway for sharing this information about fixed positioning
with me. I found it interesting and potentially useful. I hope other
people found it interesting, too.
On Thu, 6 Jan 2005 13:27:36 +0000, Alex Robinson
> >This article doesn't address the problem I'm experiencing. I've read
> >it before. I'm not asking about getting columns to extend to a footer,
> >but about getting the footer to always appear at the bottom of the
> >browser window, regardless of the length of the page content.
> What you're looking for is fixed positioning.
> Unfortunately it's not supported by IE.
> There are however some ways to fake it
> * If you just need a footer, Eric Bednarz's Ghost in the box hack
> should be sufficient
> * If you need to emulate a framed design more fully, see my "Frames
> without Frames"
> All this and a bit more can be found on the the wiki
> Alternatively you could consider a solution like Dean Edward's IE7 or
> enable the use of fixed positioning (and in the case of Dean's module
> a slew of other IE failings)
Principal & User Experience Architect
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/