Avatar billede kennethbon.dk Nybegynder
09. oktober 2006 - 15:48 Der er 3 kommentarer og
1 løsning

Layer skubber hele siden

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 :)
Avatar billede olebole Juniormester
09. oktober 2006 - 15:55 #1
<ole>

Når laget positioneres relativt, vil den oprindelige plads blive optaget - selvom laget flyttes et andet sted hen - og andet indhold vli derfor blibe skubbet ... så alt er, som det bør være  :)

Hvordan det skal gøres i stedet, er ikke til at sige noget om uden at kende resten af koden

/mvh
</bole>
Avatar billede kennethbon.dk Nybegynder
09. oktober 2006 - 16:01 #2
Hm okay - så det er 'med vilje' - men det er jo ikke just hensigten med det her lag (med vilkår), som helst skal stå i nærheden af det link, man benyttede - og ikke stå og flyve oppe i venstre hjørne, hvis brugeren har en kæmpe opløsning.

Kan være jeg lige smider en alternativ version af siden op på mit eget hotel og linker til siden - så kan det være, du eller andre kan se, hvad jeg mener og evt. fortælle, hvordan jeg gør :)
Avatar billede kennethbon.dk Nybegynder
10. oktober 2006 - 09:28 #3
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.
Avatar billede kennethbon.dk Nybegynder
10. oktober 2006 - 19:16 #4
Jeg fandt mig selv en løsning :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester