Question

I have a relative positioned button with a fixed left value on my page which keeps its location when scrolling. The only problem i got is when the browser window width gets changed or when the client device has a small screen. In this case the button is outside the visible screen.

I think it would be nice to define that this button should always be 50px from the browser window right limit. How can i achieve this?

Update: I used float: right already, which is almost what i want, but the button is still to close to the browser window border (is over the vertical scollbar). To place it 50px moreto the left would solve this issue.

Answer 1

Have you tried:

div#button {
    position:fixed; /* or position:absolute; */
    right:50px;
    bottom:10px; /* or another value */
}