Stylesheets - keeping div aligned to bottom of window on page scroll

Author

keeping div aligned to bottom of window on page scroll

somaboy mx

2006-02-27, 6:19 pm

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

rwalrus

2006-02-27, 6:19 pm

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

Chris Beall

2006-02-27, 6:19 pm

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....ef10f49b4273e3d

Chris Beall

IEDesigner

2006-02-28, 6:24 pm

"somaboy mx" <nosuch@fakemail.fk> wrote in message
news:4403044f_1@x-privat.org...
> 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