Avatar billede nemitz Nybegynder
11. juli 2004 - 12:18 Der er 22 kommentarer og
1 løsning

Relativ/Absolut positionering

Hejsa.

Jeg skal lave noget i stil med banneret yderst til venstre på www.tv2.dk.

Mit problem er bare, at den side jeg arbejder på ikke benytter absolut positionering.
Jeg ville gerne ha et banner der, som på tv2.dk, følger toppen af browser vinduet, men er placeret f.eks inde i en tabel.
Altså placeret relativ i x-positionen...

Nogen der kan hjælpe?

På forhånd tak
Avatar billede 3xm Nybegynder
11. juli 2004 - 12:26 #1
så skal du have fat i noget javascript. desværre understøtter ie ikke position-værdien fixed. ellers ville det være let.

jeg kigger med her, da jeg også gerne vil se en nem løsning på dette.

=)
Avatar billede nemitz Nybegynder
11. juli 2004 - 12:38 #2
Arghhh der skulle stå yderst til højre....

"Jeg skal lave noget i stil med banneret yderst til HØJRE på www.tv2.dk."
Avatar billede nemitz Nybegynder
11. juli 2004 - 13:04 #3
Jeg har lige lagt et eksempel op på frac:
http://www.thomasn.frac.dk/

Eneste der mangler her, er at "viewboksen" er placeret relativ...

Kan det lade sig gøre? eller er der evt. en anden mulighed??
Avatar billede skovenborg Nybegynder
11. juli 2004 - 13:08 #4
har du prøvet at sætte right:0px på den boks som skal scrolle op og ned (og fjerne left:0px;)
Avatar billede nemitz Nybegynder
11. juli 2004 - 13:16 #5
Er ikke lige klar over hvor det er du mener jeg skal forsøge ovenstående?
Så har jeg nok ikke :D

Gider du uddybe?
Avatar billede skovenborg Nybegynder
11. juli 2004 - 13:44 #6
i dette tilfælde er det også i scriptet du skal ændre det:
el.sP=function(x,y){this.style.right=x+px;this.style.top=y+px;};

Der findes fire forskellige veje at placere et element på left,top,bottom og right. Til forskel for left placere right i forhold til den højre kant af siden. I et stylesheet vil det så se sådan ud:
right:0px;
Det var det jeg tænkte du skulle placere det sted stylesheetet som henviste til den scrollende boks.
Avatar billede nemitz Nybegynder
11. juli 2004 - 13:48 #7
Så tror jeg vi misforstår hinanden.
Kan godt få scrollboksen til at ligge til højre, men jeg ønsker at placere den relativt, så den ligger og scroller inden i en TD f.eks.

Lige nu er problemet at siden er defineret med relative placeringer af alt, og derfor kan jeg ikke få placeret denne "scroller" så den i forskellige skærmopløsninger sidder det rigtige sted på siden.
Avatar billede nemitz Nybegynder
11. juli 2004 - 13:53 #8
har lavet en lille ændring på eksemplet der muligvis gør det lidt nemmere at se problemet.
http://www.thomasn.frac.dk
Avatar billede skovenborg Nybegynder
11. juli 2004 - 13:57 #9
og du vil godt have den div til at scrolle inde i cellen hvor ViewBox er? Eller skal den helt ud på højre side af indholdet?
Avatar billede nemitz Nybegynder
11. juli 2004 - 13:58 #10
jeg vil meget gerne have den div til at scrolle inden i cellen hvor ViewBox er.
Avatar billede skovenborg Nybegynder
11. juli 2004 - 13:59 #11
kunne du så ikke sætte div'en til at være placeret relativ:
<div id="divStayTopLeft" style="position:relative">

        <img id="ViewBox" style="border: 1px solid #B2B2AE" src="Images/01_1.jpg">
    </div>
og så måske ændre lidt på:
var startX = 10, startY = 100;
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:03 #12
så snart man sætter div'en til at være positioneret relativ, virker scriptet ikke længere...

Det er lige det der er problemet... når noget skal positioneres "dynamisk" med JS, skal det tilsyneladende være pos. absolut.

Håbede der var nogen af jer eksperter der kendte et lille trick :D
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:06 #13
Jeg tænkte lidt på om det kunne lade sig gøre at placere en iframe eller et layer relativ, og inden i det placere div'en absolut? men har leget lidt med det og kan ikke rigtigt få det til at virke.

Men er ikke lige med på alt det der med layers og iframes.
Avatar billede skovenborg Nybegynder
11. juli 2004 - 14:11 #14
Undskyld, men jeg kan få det til at virke ganske perfekt ved at smide position:relative ind - scriptet gør ingen forskel på det. Er du sikker på det slet ikke virker?
Avatar billede skovenborg Nybegynder
11. juli 2004 - 14:15 #15
du kan evt. kigge her hvis det er:
http://skovenborg.frac.dk/exp/518768.php
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:16 #16
??? det forsår jeg ikke, div'en ligger sig ganske rigtigt ind i cellen som den skal, men den scroller ikke længere.

Har forsøgt med nyeste IE og Firefox som browser?

<div id="divStayTopLeft" style="position:relative"> enste ændring jeg har lavet er at skrive relativ i stedet for absolut i denne linje.
Avatar billede 3xm Nybegynder
11. juli 2004 - 14:16 #17
hvorfor skal den absolut placeres relativt?

=
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:18 #18
er jeg ikke 100 på at den skal, det "eneste" jeg vil ha, er at den altid ligger inden i den celle hvor der er overskriften "viewbox", uanset opløsning og vinduestørrelse osv.
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:20 #19
Arghhh det er da for nice Skovenborg!!!!!

Det er jo lige sådan det skal være! Tjekker lige at det er 100% ok!

Indtil videre for du MANGE tak for tålmodigheden og hjælpen!
Avatar billede 3xm Nybegynder
11. juli 2004 - 14:22 #20
hehe... skovenborg klarer ærterne endnu engang.

=)
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:24 #21
OMG fandt lige min fejl, havde stavet "relative" som "relativ", har jo også kun rodet med den der i 10+ timer nu.

Nå men du skal have uendeligt mange tak!
Her kommer der lige lidt point.
Avatar billede nemitz Nybegynder
11. juli 2004 - 14:25 #22
næhh for der mangler et svar skovenborg, smider du lige et, pointene har du fortjent så rigeligt!
Avatar billede skovenborg Nybegynder
11. juli 2004 - 14:34 #23
det skal jeg nok så :-)
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