Avatar billede googolplex Novice
15. marts 2003 - 18:28 Der er 5 kommentarer og
1 løsning

Position: absolute;

Jeg har har lavet en skitse til en side på www.ladefoged-roenne.dk/test.htm, hvor jeg har benyttet position: absolute til at placere elementerne.


1. Kan man positionere elementer i forhold til andre elementer (fx. en boks i forhold til en anden), eller er det altid i forhold til øverste venstre hjørne ?

(Jeg vil dog gerne undgå at indholdet folder sig igennem den midterste boks, som her: www.ladefoged-roenne.dk/test2.htm)

2. Kan man centrere elementerne på en smart måde når man bruger position: absolute ?
Avatar billede olebole Juniormester
15. marts 2003 - 22:26 #1
<ole>

Denne side er en guldgrube, hvad det angår:
  http://www.w3.org/TR/REC-CSS2/visuren.html

/mvh
</bole>
Avatar billede googolplex Novice
16. marts 2003 - 00:49 #2
Ja, helt enig, men ved du om man kan positionere et element i forhold til et andet (i stedet for øverste venstre hjørne), så jeg slipper for mit problem ?

Kan ikke lige overskue at læse det hele :(
Avatar billede olebole Juniormester
16. marts 2003 - 01:10 #3
Kun, hvis de er nestede:

<div style="position:absolute;left:100px;top:50px;width:400px;height:400px;background-color:red;">Noget tekst
  <div style="position:absolute;right:5px;top:30px;background-color:yellow;">Mere tekst</div>
</div>

Ikke, hvis de ligger udenfor hinanden. Så er du nødt til at bruge JavaScript til at placere dem.
Derfor er tabeller stadig nødvendigt at bruge i en lang række tilfælde - og slet ikke så 'yt', som mange gerne vil gøre dem  ;o)
/mvh
Avatar billede googolplex Novice
16. marts 2003 - 01:17 #4
Ok, det var lidt det jeg frygtede :(

Det jeg gerne vil have, er ligesom på www.computerworld.dk, hvor boksen med Annoncør-Links placere sig i forhold til boksen ovenover. De er jo ikke nestede (så vidt jeg ved), vil det sige at de har brugt JS ?
Har du et link til hvordan man eventuelt gør det ?

Jep, tabeller er stadig cool, synes bare det andet virkede så nemt :)
Avatar billede olebole Juniormester
16. marts 2003 - 01:40 #5
Jeg gider ikke kikke i koden på computerworld.dk, da den mest af alt ligner noget, en blind chimpanse har gnedet ud over en computer-skærm ved et uheld. Det er en afskyelig grim, rodet og fejlfyldt kode, de holder sig  :oP

Du kunne jo f.eks. gøre noge à la:

<div style="position:absolute;left:100px;top:50px;width:300px;border:1px solid #ffff00;">
  <div style="border: 1px solid #3399cc;">blablablabla</div>
  <div style="border: 1px solid #ff0000;margin-top:10px;">Denne ligger 10px under den med blå border.</div>
</div>
Avatar billede googolplex Novice
16. marts 2003 - 01:49 #6
Ja, men problemet er at min divs ikke er nestede. Men jeg tror jeg fandt en JS-løsning i spørgsmål http://www.eksperten.dk/spm/240224, går ud fra det var det du mente :)

Men ja, helt enig, computerworld.dk's kode er rædselsfuld, ligner noget der er lavet i frontpage...eller en anden skod-editor...

Tak for hjælpen !!
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