making a footer in CSS

[wceend]

Hi I want to make a footer.. But the footer must be aligned absolute to the bottom of the page.

I'm using the following class:

body>#footer {
background-image: url(../img/bg_footer.gif);
bottom: 0px;
vertical-align: bottom;
}

But the footer appears direct under the content(IE 5 &6) and not to the bottom of the page.

Anybody knows a hack for this issue?

Jonathan

[hakre]

hi wceend,

it seems to be nearly impossible to do so with css, this article [whatdoiknow.org] claims.

hope this helps.
- hakre

[ShawnR]

What are you trying to achieve? (I know this sort of thing is difficult to describe preciesly ;) For example, some options: Are you after a rendering where the footer is at the bottom of the window even if the content does not fill the window? If so, what would you like to happen when the content grows beyond a screen-full?

Depending on what you are trying to achieve, it may not be as impossible as you miight think, although it might call for a few cludges.

Have a look here for some responses to a similar question:
[webmasterworld.com...]

Shawn

[wceend]

Hi Shawn,

Thanks for the links.

I made a screendump from my design so you can see I really need the footer aligned at the bottom of the browser. <edit -rcj>

Jonathan

[edited by: rcjordan at 2:00 pm (utc) on July 20, 2003]
[edit reason] sorry, no specific references to sites. [/edit]

[ShawnR]

OK, so you want to have a footer at the bottom of the window, unless the content runs longer; in which case at the bootom of the content. Yes?

So what have you tried? And why are you using the ># hack?

Shawn

[WebDevInfo]

Are you using a 3 column layout and want the footer to appear after all the columns?

Have a read of this article:
[alistapart.com...]