Re: FN-FORUM: Image that stays bottom-right

date posted 1st March 2006 10:14

>
>
> would position the image at the bottom rightmost postion of it's
> relatively positioned container, so if you stick it as the last thing
> in the source it will be always bottom right in the viewport.

Not quite, sadly, if the page is taller than the viewport: hence my
comment about the need for hacks.

{ position: absolute; right: 0; bottom 0;}

In Opera, the img goes to the bottom of the page, instead of the bottom of
the viewport.
In Firefox and IE6, the img is initally at the bottom of the viewport, but
it scrolls up when the page is scrolled.

{ position: fixed; right: 0; bottom 0;}

In Opera and Firefox the image stays at the bottom right of the viewport.
In IE6 the image goes to the bottom left of the page.

So the second one works for compliant browsers, but some javascript is
needed for IE6 combined with the first one.

Anthony
--
www.fonant.com - hand-crafted web sites