Avatar billede jammerlab Nybegynder
17. april 2004 - 19:20 Der er 13 kommentarer og
2 løsninger

Layer som flyder?

Kunne ikke lige finde det her på eksperten selvom jeg er ret sikker på der er skrevet om det... jeg har et sted hvor jeg har min <div> men den flyder ikke oven på den skubber hele tablen... hvordan ungår jeg det? Hvis jeg ændre position: relativ; til position: absolute; så flyver den rundt alle mulige steder og det skal den jo ikke. Den skal komme der hvor reletive er men uden at skubbe til hele designet!
Avatar billede roenving Novice
17. april 2004 - 19:22 #1
Så skal du lade det element, som er udenom, være position:relative og så sætte den selv til position:absolute !-)
Avatar billede olebole Juniormester
17. april 2004 - 20:08 #2
<ole>

Er det ikke noget sjusk med sådan nogle layers, der bare ligger og flyder ...?  :)

/mvh
</bole>
Avatar billede roenving Novice
17. april 2004 - 20:10 #3
>>olebole

Du har da fået det skarpe øje på !-)
Avatar billede jammerlab Nybegynder
17. april 2004 - 20:18 #4
Hehe hvad sker der for jer 2 iaften :P Når men ideen er jo at den skal dukke op i bunden af min tabel og flyde over andet text og fortælle at ens boddy er kommet online for så at forsvinde 3 sekunder efter. Vi har fået styr på det med at den skal dukke frem, og forsvinde... nu skal placeringen bare på plads.
Roenving>> forstår ikke det du mener.
Avatar billede olebole Juniormester
17. april 2004 - 20:24 #5
Prøv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div style="position:relative;width:500px;height:200px;border:1px solid red">
  <div style="position:absolute;left:120px;top:20px;padding:20px;border:1px solid blue">Darvs, du</div>
</div>

</body>
</html>

... og:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
</head>
<body>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div style="width:500px;height:200px;border:1px solid red">
  <div style="position:absolute;left:120px;top:20px;padding:20px;border:1px solid blue">Darvs, du</div>
</div>

</body>
</html>
Avatar billede olebole Juniormester
17. april 2004 - 20:26 #6
Når man positionerer absolute, placeres elementet i forhold til det første omkransende element, der er positioneret (relative eller absolute).
Findes sådan et ikke, vil elementet placeres i forhold til body-elementet  ;o)
Avatar billede jammerlab Nybegynder
17. april 2004 - 20:29 #7
Jamen er det mig der misforstår jer helt... min div befinder sig jo i en td som den forskyder... vil i havde mig til at lave 2 div's ?
Avatar billede roenving Novice
17. april 2004 - 20:31 #8
Nej, vi vil have dig til at sætte position:relative; på den td, som din ting skal flyde i forhold til !-)

-- og så skal den have position:absolute; for at flyde !o]
Avatar billede jammerlab Nybegynder
17. april 2004 - 20:37 #9
Utroligt som i har svar på alt :) Det fungere fint... Tak for hjælpen... og smid nu et svar så i kan få de point om i vil eller ej... i fortjener dem jo.
Avatar billede roenving Novice
17. april 2004 - 21:09 #10
Velbekomme '-)
Avatar billede jammerlab Nybegynder
17. april 2004 - 21:45 #11
inuser = new String[22];
Avatar billede jammerlab Nybegynder
17. april 2004 - 21:45 #12
ups forkerte sted ;)
Avatar billede jammerlab Nybegynder
17. april 2004 - 21:45 #13
ole skriver du ikke lige et svar tak.
Avatar billede olebole Juniormester
17. april 2004 - 23:31 #14
yups  :)
Avatar billede roenving Novice
18. april 2004 - 19:43 #15
-- og tak for points ;~}
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