webForumDet fria alternativet

position realtive

HTML & CSS

3 svar · 244 visningar · startad av alnö_mattias

Medlem sedan maj 200516 inlägg
Frågan#1

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? :)

Medlem sedan juni 2004533 inlägg
#2

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

Medlem sedan juli 20013 378 inlägg
#3

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 ;)

Medlem sedan maj 200516 inlägg
#4

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

263 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)