"Anders Thorsen Holm" <zoolook@daimi.au.invalid> skrev
> Normal placeres et element statisk - det vil sige alt efter dets
> placering i dokumentets naturlige flow ("rækkefølge").
>
> Når noget placeres relativt, placeres det med udgangspunkt i dets
> normale (statiske) placering.
>
> > #trads {
> > position:relative;
> > left: 350px;
> > bottom: 150px;
> > }
>
>
> Billedet af Trads vil derfor placeres forskudt med 350px målt fra
> venstre, og 150px målt fra bunden.
>
> > #thorsen {
> > position:relative;
> > left: 150px;
> > bottom: 500px;
> > }
>
> Billedet af Thorsen vil placeres 150px fra venstre og 500px fra sin
> oprindelige bund.
>
> Hvis du kigger i HTML-koden, vil du da også bemærke, at de to
> billeder er placeret langt fra hinanden:
>
>
> <h1>Udskrift...</h1>
>
> <p>Politidirektøren ...
> <p>overtrædelse...
> <p>overtrædelse...
> <div id="trads"><img src="trads.jpg"></div>
> <p>ved i forening...
> <p>den 22. maj 1998...
> <p>den 11. december...
> <div id="thorsen"><img src="thorsen.jpg"></div>
> <p>alt hvorved...
> <p>a...
> ...
>
>
> Og som du måske har bemærket, er der stort tomrum mellem de
> tekstafsnit, hvor billederne oprindeligt var placeret. Dette skyldes
> følgende:
>
> | relative
> | The box's position is calculated according to the normal flow
> | (this is called the position in normal flow). Then the box is
> | offset relative to its normal position. When a box B is relatively
> | positioned, the position of the following box is calculated as
> | though B were not offset.
> ^^^^^^^^^^^^^^^^^^^^^^^^
>
> Du kan læse mere (teknisk) om positionering her:
>
> <
http://www.w3.org/TR/CSS2/visuren.html#propdef-position>
Tusind tak for din flotte forklaring. Først nu forstår jeg, hvad øvelsen gik
ud på.
Jeg har bare svært ved at se, hvad/hvornår man skulle have brug for at bruge
relativ positionering efter at have læste dette indlæg, men den forståelse
kommer jo også nok en dag.
/Tine