/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Layer skubber resten af siden
Fra : numzie@gmail.com


Dato : 09-10-06 14:27

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


 
 
per christoffersen (09-10-2006)
Kommentar
Fra : per christoffersen


Dato : 09-10-06 15:02


<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



Jens Gyldenkærne Cla~ (10-10-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-10-06 08:43

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

Jens Gyldenkærne Cla~ (10-10-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-10-06 09:58

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

numzie@gmail.com (09-10-2006)
Kommentar
Fra : numzie@gmail.com


Dato : 09-10-06 16:27

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


Jørgen Farum Jensen (09-10-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 09-10-06 17:00

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
..

numzie@gmail.com (10-10-2006)
Kommentar
Fra : numzie@gmail.com


Dato : 10-10-06 08:28

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


numzie@gmail.com (10-10-2006)
Kommentar
Fra : numzie@gmail.com


Dato : 10-10-06 09:01

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


Erik Ginnerskov (10-10-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 10-10-06 23:30

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste