How do I position an element so that it acts like both 'absolutely' & 'relatively' positioned at the same time? - CSS
Posted
by
marcamillion
on Stack Overflow
See other posts from Stack Overflow
or by marcamillion
Published on 2010-12-25T01:58:47Z
Indexed on
2010/12/25
2:54 UTC
Read the original article
Hit count: 498
You can see the implementation here: http://jsfiddle.net/BMWZd/25/
When you click on one of the names in Box#1, you will see the circle in the top left corner of the box move up and down.
How do I stop that? While also, making sure that it shows in the top left corner of each of the boxes on all browser sizes?
So position:absolute will keep it in one place regardless of what happens around it. But it won't put it in the exact same position (relatively) on diff browser sizes.
But position:relative will.
How do I get the best of both worlds?
© Stack Overflow or respective owner
