ansaurus

Question

Putting a floating image in the bottom-right corner for example

Answer 1

+1 A:

Try

right: 0px;
bottom: 0px;

Of course you'll need fixed positioning:

position: fixed;

This will make it stick to the bottom-right corner wherever the user scrolls.

MvanGeest 2010-06-19 12:40:21

Puts it to the left, immediately after the content ends. :/

Shiki 2010-06-19 12:41:29

Even with fixed positioning? Can you post some HTML or a link to your page? Is it in an iframe?

MvanGeest 2010-06-19 12:43:28

Works with fixed. Ty. :) | (5 more min until I can accept it. Well.. got another problem with css but I don't even know how to ask it. Maybe I should gather some CSS expert on MSN ? :))

Shiki 2010-06-19 12:46:38

You're welcome. For more info, read http://www.w3schools.com/css/css_positioning.asp. I don't use MSN :)

MvanGeest 2010-06-19 12:48:54

But please do try to write down your question. If you know how to formulate it, you can search for the answer. And in some rare cases, asking a question answers it.

MvanGeest 2010-06-19 12:51:24

Honestly, I tried. First I checked Google and then the CSS site. Didn't manage to find it (My google-fu failed once again). Thanks again.

Shiki 2010-06-19 13:00:25

Answer 2

A:

Do it like:

background-image:url('someurl/image.png');
background-position:right bottom;
background-repeat:no-repeat;

Grz, Kris.

XIII 2010-06-19 12:45:24

Applied to the `<body>` element. Could work!

MvanGeest 2010-06-19 12:46:05

Sorry Kris I already use a background (repeat, etc). Thanks for the suggestion though, greatly appreciated.

Shiki 2010-06-19 12:47:15

You could still put it as a background image of a div you have placed around the rest of your html when needed and give width and height 100%. That would also be a valid solution I think.

XIII 2010-06-19 13:05:06

ansaurus

tags:

views:

answers:

Putting a floating image in the bottom-right corner for example

related questions