Positioning a div from one point of the screen to the far right

Question

I have a div that begins from a certain point on the screen that needs to be in pixels and I need it to extend all the way to the right without extending the page. Can this be done somehow?

This is the CSS:

#fasa_right {
    position: absolute;
    background-color: rgba(255,255,255,0.60);
    top: 0px;
    left: 50%;
    margin-left: 500px;
    height: 1435px;
    width: 100%;
    border-left: inset thin rgba(0,0,0,0.60);
}

Right now, this code makes the div expand all the way to the right and although I have overflow-x: hidden it still scrolls with middle click or side scrolling mice.

So, either something to completely disable scrolling to the right or something to make that div cover just enough space to fit all resolutions will do.

PS: I know I could set the whole page with percentile sized objects but there is one element in the middle of the page that needs to be set in pixels.

EDIT: http://jsfiddle.net/yj8rpz1q/2/ here's what happens, I clearly don't want the side scrolling to occur.

Answer 1

By default a div(or any block element) will take 100% of the available width.

So, it should already extand to the right side of the screen (without adding a scrollbar) by default. If you want it to start at a certain point (not the far left), then add a margin-leftto it.

Here's a fiddle that shows a div that starts 100px from the left and that goes all the way to the right : http://jsfiddle.net/yj8rpz1q/

EDIT : Does it have to be in position: absolute? I'm sorry I missed that when making the answer.

Answer 2

keep the following settings

position:absolute;
top:<distance-from-top>px;
left:<distance-from-left>px;
right:0;