keeping div aligned to bottom of window on page scroll

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

somaboy mx - 27 Feb 2006 13:53 GMT

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

Reply to this Message

rwalrus - 27 Feb 2006 21:37 GMT

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

Signature

Ryan W

Reply to this Message

Chris Beall - 27 Feb 2006 22:39 GMT

> 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
[quoted text clipped - 15 lines]
>
> .soma

.soma,

See my answer in the thread at
http://groups.google.com/group/alt.html/browse_thread/thread/46504393af8a1d46/0e
f10f49b4273e3d?lnk=st&q=%22chris+beall%22&rnum=2&hl=en#0ef10f49b4273e3d

Chris Beall

Reply to this Message

IEDesigner - 28 Feb 2006 15:35 GMT

> 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
[quoted text clipped - 15 lines]
>
> .soma

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

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / February 2006

keeping div aligned to bottom of window on page scroll