Stylesheets - Bottom positioning

Author

Bottom positioning

Philipp Lenssen

2004-10-13, 7:15 pm

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

Neal

2004-10-13, 7:15 pm

On 13 Oct 2004 16:34:38 GMT, Philipp Lenssen <info@outer-court.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.

Philipp Lenssen

2004-10-14, 7:14 am

Neal wrote:

> On 13 Oct 2004 16:34:38 GMT, Philipp Lenssen <info@outer-court.com>
> wrote:
>
>
> 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