Question

I’m having some problems placing an element with a margin of 2%, regardless of the window size. I’m able to move the element using basic margin (%), but as soon as I resize the window, the element doesn’t move along with it.

I just want it to be 2% from right side of the window – at all times – in all window sizes!

Any suggestions?

Now I just tried to add some text, and the following CSS:

    position:absolute;
text-decoration:underline;
text-align:right;
right:0;
width:15em;
top:-3%;
margin-right:1%;
color:#ffffff;
font-size:0.65em;

This won’t stay at the right either! I can move it with margin, but only “left”.

Any idea what could be wrong?

Answer 1

Why don’t you position the element aboslutely?

​#myDiv {
    position: absolute;
    right: 2%;
}​