position realtive

relative placerar objektet relativt till objektet ovan i dokument flödet.
Men nog finns det någon placering som placerar objektet relativt till container objektet?

<div id="container">

<div id="one" style="position: relative; left: 50px;"></div>
<div id="two" style="position: relative; left: 50px;"></div>

</div>

Detta förskjuter div one 50 pixlar till höger från container lagrets kant och div two förskujts 50 pixlar från div ones position, alltså 100 px höger om containers kant.

Men om jag vill att båda ska placera sig 50 pixlar till höger om containers kant?
Hur gör jag då?
Utan att mixtra med en massa olika pixel värden? :)

Sätt position:relative på det yttre objektet och position:absolute på de inre.

relative placerar objektet relativt till objektet ovan i dokument flödet.

Njae - inte riktigt... Relativt den punkt i flödet som den ändå skulle hamna på (dvs egentligen relativt sig själv om man hårddrar det lite !)

Men nog finns det någon placering som placerar objektet relativt till container objektet?

Yep - position:absolute (jo faktiskt - men MSIE har lite svårt med att göra "rätt" om man inte - som påpekat - sätter position:relative på containern, så det är lätt att missuppfatta vad den är till för)

http://www.autisticcuckoo.net/arkiv.php?id=2004/12/07/relativt-absolut reder ut begreppen - och på svenska dessutom ;)

Tack Guffa det löste mitt problem.
Och tack Jarvido för läs tipset. :)