CSS image positioning

[lemur]

Hi, I'm a relative newbie to CSS, I'm trying to incorporate it more into my site designs.

My question concerns CSS image positioning. I wish to place an image on the absolute bottom left corner of a window, and have it there at all times. Is this at all possible? Usually I'd use a single-sized window and some tricks with background images and tables to achieve this, but I've been led to believe there's a superior way using CSS.

Cheers.

[creole]

Believe it or not, placing an image in the bottom right corner is harder than you might think. Mostly because of inconsistencies in the different browser interpretations of CSS.

Here are a few links to get you started:
http://www.htmlhelp.com/reference/cs...-position.html

http://msdn.microsoft.com/library/de...attributes.asp

http://www.w3schools.com/css/

http://www.w3schools.com/css/pr_background-position.asp

http://builder.cnet.com/webbuilding/...5934478-9.html (this one might be the best one for you)

[Ian Glass]

If you don't already have a background image, you can use the CSS background property to do it.

BODY{
  background: url("image.gif") fixed right bottom no-repeat;
}

~~Hope This Helps

[lemur]

Ian,

That's exactly what I wanted. Works perfectly! And no fixed-size popups either. Thanks!

-lemur

[Ian Glass]

I'm always glad to help. :-D

If your targeting NS4 users too, be sure to specify a background color too, or you can get some weird results (if I remember correctly).

~~Ian