How to fix position an element but keep the height relative to browser window?

Question

You probably noticed that some web sites have a feedback feature created with http://uservoice.com . It display's a badge on left or right of your screen.

But, how is that badge positioned? It looks like its position depends on the height of the browser....

Can you help me with how to create some sort of badge like this, with functionality to redirect me to the some other url?

tnx in adv!

Answer 1

It uses position: fixed on the a tag. It is using a top: 45% to get it to "move" with the window height.

Answer 2

Heres a cool example of css and JS for floating a link or menu!

JTricks Example!

Heres another example from JTricks thats more like what your looking for (fixedmenu not floating)

Another example!! =)

(shows legacy browser compatibility)