keeping div aligned to bottom of window on page scroll

I'm looking for a way to keep a footer menu attached to the bottom of
the browser window, overlapping other content if the page height exceeds
the browser window's height.

so far, I've com up with:

position: absolute;
bottom: 0 px;
width: 100%;

This works as expected and keeps the div aligned on page load and when
window resizes but when scrolling the page vertically it scrolls along
with the content, which is undesirable.

any suggestions?

thanks,

..soma

somaboy mx wrote:

I'm looking for a way to keep a footer menu attached to the bottom of
the browser window, overlapping other content if the page height exceeds
the browser window's height.
[snip]

any suggestions?

thanks,

.soma

I believe this is what position: fixed is for. IIRC, our dear friend
IE doesn't do it correctly; usually I see this solved via javacscript.

--
Ryan W

somaboy mx wrote:

I'm looking for a way to keep a footer menu attached to the bottom of
the browser window, overlapping other content if the page height exceeds
the browser window's height.

so far, I've com up with:

position: absolute;
bottom: 0 px;
width: 100%;

This works as expected and keeps the div aligned on page load and when
window resizes but when scrolling the page vertically it scrolls along
with the content, which is undesirable.

any suggestions?

thanks,

.soma

..soma,

See my answer in the thread at
http://groups.google.com/group/alt.h...f10f49b4273e3d

Chris Beall

"somaboy mx" <nosuch (AT) fakemail (DOT) fk> wrote

I'm looking for a way to keep a footer menu attached to the bottom of
the browser window, overlapping other content if the page height exceeds
the browser window's height.

so far, I've com up with:

position: absolute;
bottom: 0 px;
width: 100%;

This works as expected and keeps the div aligned on page load and when
window resizes but when scrolling the page vertically it scrolls along
with the content, which is undesirable.

any suggestions?

thanks,

.soma

Ask your question in news:comp.lang.javascript
IEDesigner