Bottom positioning

I would like to position something at the bottom of the window (CSS
media screen), which is easy using "bottom: 10px" or similar --
however, this <div> should stop moving at say 500 pixel because else it
would overlay the content. Must work in at least NS7 and IE5.5/6 and
Opera 7.

Is this possible, preferably using CSS? Or do I need to table-hack my
way around this (what would be the best solution then)?

Thanks!

--
Google Blogoscoped
http://blog.outer-court.com

On 13 Oct 2004 16:34:38 GMT, Philipp Lenssen <info (AT) outer-court (DOT) com> wrote:

I would like to position something at the bottom of the window (CSS
media screen), which is easy using "bottom: 10px" or similar --
however, this <div> should stop moving at say 500 pixel because else it
would overlay the content. Must work in at least NS7 and IE5.5/6 and
Opera 7.

Is this possible, preferably using CSS? Or do I need to table-hack my
way around this (what would be the best solution then)?

Thanks!

This'll need a URL test-setup to see what exactly you're trying to do.

But right off, beware of thinking in pixel positioning because you have no
way of knowing the viewport size in pixels. Exception - if an image must
be accounted for, pixels may be necessary.

Neal wrote:

On 13 Oct 2004 16:34:38 GMT, Philipp Lenssen <info (AT) outer-court (DOT) com
wrote:

I would like to position something at the bottom of the window (CSS
media screen), which is easy using "bottom: 10px" or similar --
however, this <div> should stop moving at say 500 pixel because
else it would overlay the content. Must work in at least NS7 and
IE5.5/6 and Opera 7.

Is this possible, preferably using CSS? Or do I need to table-hack
my way around this (what would be the best solution then)?

Thanks!

This'll need a URL test-setup to see what exactly you're trying to do.

But right off, beware of thinking in pixel positioning because you
have no way of knowing the viewport size in pixels. Exception - if an
image must be accounted for, pixels may be necessary.

I can already use "bottom: 20px" or something and this works fine
(well, depending on how buggy the browser is, I guess). So I don't know
the viewport but the rendering of the browser does.

I figured out it's easy to do this using a doctype-less Quirks mode and
some table stuff. I still don't know how to do it using Standards
compliant mode.

--
Google Blogoscoped
http://blog.outer-court.com