Question

The div currently on the right is at the correct position, where i want it to be. But if the page gets too long, i want it to scroll along, so i add position: fixed;

But now its somewhere completely different. How can i fix this?

JSfiddle with the code

Answer 1

Try with:

#right {
    float: right;
    width: 200px;
    background: red;
    position: fixed; 
    margin-left:620px;
}

I add 620px because your left column has 600px and before your position: fixed there were a 20px of margin between each columns.