---

Heyhey

Jeg har en ikke-offentliggjort side (endnu :), hvor vi har et lag, der
vises, når man klikker på et link. Det fungerer også fint. Laget
vises lige over linket og ud mod venstre og opad - helt som det skal.

Problemet er så, at når det vises, så skubber det alt indhold på
siden EFTER lagets placering i koden nedad med præcis samme højde (og
bredde), som laget har - hvilket forrykker det hele.

Jeg forstår det bare ikke, for jeg troede, at nedenstående kode ville
åbne laget relativt til positioneringeren og så antal pixels venstre
hhv op.

Men der er måske noget, jeg har misforstået?

CSS-koden til laget:

#terms {
   position: relative;
   border: 1px solid black;
   background-color: lightyellow;
   display: none;
   font-size: 11px;
   width: 450px;
   height: 370px;
   right: 240px;
   bottom: 400px;
   padding: 5px;
}

Håber nogen har et bud :)

/Kenneth

---

<numzie@gmail.com> skrev i en meddelelse

> Jeg forstår det bare ikke, for jeg troede, at nedenstående kode ville
> åbne laget relativt til positioneringeren og så antal pixels venstre
> hhv op.

Det er korrekt

> Men der er måske noget, jeg har misforstået?

Relativt positionerede elementer optager plads på siden, hvor de sidder i
koden.
Hvis du vil undgå det, må du bruge absolut positionering, som fungerer helt
anderledes.

/Per

---

skrev:

> Okay - jeg troede en absolut positionering altid skete i
> forhold til 0,0-punktet på siden.

Nej - det sker i forhold til elementets "containing block".

Se <http://www.w3.org/TR/CSS21/visuren.html#propdef-position> og
<http://www.w3.org/TR/CSS21/visudet.html#containing-block-details>
(punkt 4).

Det er almindelig praksis at anvende en boks med position:
relative; som "baggrund" for en positionering.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

skrev:

>> Det er almindelig praksis at anvende en boks med position:
>> relative; som "baggrund" for en positionering.
>
> Ja - det kan jeg se. Dine sidste 2 linjer forstår jeg desværre
> ikke

Det jeg kalder "baggrund" er vist det du kalder "moderboks".
Pointen er at hvis du laver en div som følgende:

<div id="wrapper" style="position: relative"> vil positionerede
elementer inde i denne div blive placeret i forhold til wrapper-
div'en.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen

---

per christoffersen wrote:
> <numzie@gmail.com> skrev i en meddelelse
>
> > Jeg forstår det bare ikke, for jeg troede, at nedenstående kode ville
> > åbne laget relativt til positioneringeren og så antal pixels venstre
> > hhv op.
>
> Det er korrekt
>
> > Men der er måske noget, jeg har misforstået?
>
> Relativt positionerede elementer optager plads på siden, hvor de sidder i
> koden.
> Hvis du vil undgå det, må du bruge absolut positionering, som fungerer helt
> anderledes.

Ja men det ville jeg netop gerne undgå, så det ikke står og flyver
oppe i et hjørne på højtopløselige skærme... og det vil det jo
gøre med absolut positionering :(

/Kenneth

---

numzie@gmail.com skrev:

> Ja men det ville jeg netop gerne undgå, så det ikke står og flyver
> oppe i et hjørne på højtopløselige skærme... og det vil det jo
> gøre med absolut positionering :(

Det kommer da an på, hvad du positionerer
i forhold til. Nærmere anvisning er umulig
uden et link til siden.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

Jørgen Farum Jensen wrote:
> numzie@gmail.com skrev:
>
> > Ja men det ville jeg netop gerne undgå, så det ikke står og flyver
> > oppe i et hjørne på højtopløselige skærme... og det vil det jo
> > gøre med absolut positionering :(
>
> Det kommer da an på, hvad du positionerer
> i forhold til. Nærmere anvisning er umulig
> uden et link til siden.

Okay - jeg troede en absolut positionering altid skete i forhold til
0,0-punktet på siden.

Koden kan ses i revideret form her:

http://www.kennethbon.dk/test/testcode.html

Den er ikke specielt elegant osv - men lige nu er der kun fokus på
problemstillingen med layeret - som kaldes nede under formularen

/Kenneth

---

Jens Gyldenkærne Clausen wrote:
> skrev:
>
> > Okay - jeg troede en absolut positionering altid skete i
> > forhold til 0,0-punktet på siden.
>
> Nej - det sker i forhold til elementets "containing block".
>
> Se <http://www.w3.org/TR/CSS21/visuren.html#propdef-position> og
> <http://www.w3.org/TR/CSS21/visudet.html#containing-block-details>
> (punkt 4).
>
> Det er almindelig praksis at anvende en boks med position:
> relative; som "baggrund" for en positionering.

Ja - det kan jeg se. Dine sidste 2 linjer forstår jeg desværre ikke
:(
Men så må løsningen være at lave en moderboks for selve det lag,
jeg så skal vise. Men det har jeg ikke lige gennemskuet, hvordan jeg
gør endnu...

/Kenneth

---

numzie@gmail.com wrote:

> Men det har jeg ikke lige gennemskuet, hvordan jeg
> gør endnu...

Det har jeg beskrevet i detaljer her:

http://hjemmesideskolen.dk/html/position.asp?id=poskreativ
http://hjemmesideskolen.dk/html/testsider/position.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk