Avatar billede easysoft_studios Nybegynder
26. november 2001 - 13:28 Der er 4 kommentarer og
1 løsning

lag index (<div>)

jeg har to lag med <div></div> i en table. De ser ud som følgende:

<div name=\"side1\" id=\"side1\" style=\"position: relative; visibility: hidden; top: 0px; left: 0px; height: 100\">Noget indhold</div>

<div name=\"side2\" id=\"side2\" style=\"position: relative; visibility: hidden; top: 0px; left: 0px; height: 100\">Noget andet indhold</div>

Men \"side2\" bliver placeret neden under \"side1\"!
Hvad kan jeg gøre for at de bliver placeret under hinanden inde i tabelen?
Avatar billede nikolajdu Nybegynder
26. november 2001 - 13:42 #1
Under tabellen eller under hinanden?? Sidstnævnte: z-index:5

<div name=\"side1\" id=\"side1\" style=\"position: relative; visibility: hidden; top: 0px; left: 0px; height: 100; z-index:5\">Noget indhold</div>

Den der så skal ligge nederst skal have det laveste nummer.
Avatar billede easysoft_studios Nybegynder
26. november 2001 - 14:01 #2
lag \"side2\" ligger stadig skubbet ned ad. det har måske noget med position: at gøre. Jeg har prøvet absolute, men så ligger de ikke længere inde i min tabel, men ude på siden.
Avatar billede nikolajdu Nybegynder
26. november 2001 - 14:07 #3
Du skal sætte z-index på dem begge.

<div name=\"side1\" id=\"side1\" style=\"position: relative; visibility: hidden; top: 0px; left: 0px; height: 100; z-index:1\">Noget indhold</div>

<div name=\"side2\" id=\"side2\" style=\"position: relative; visibility: hidden; top: 0px; left: 0px; height: 100; z-index:2\">Noget andet indhold</div>

Eller hvad mener du??
Avatar billede olebole Juniormester
26. november 2001 - 17:54 #4
<ole>
Nej, nikolajdu - det er ikke derfor  ;o)
Når man positionerer relativt, placeres <div>\'et fuldstændig, som hvis det ikke var positioneret.
Man kan derefter - med \'top\' og \'left\' - sætte et offset for laget i forhold til den \'medfødte\' placering. Og vi husker lige, at der altid er liniebrud mellem <div>\'s  ;o)
  style=\"position:relative;top:-100px;\"
...vil altså rykke div\'et 100 pixels op - i forhold til liniebruddet.
Derfor skal du nu alligevel sætte unikke z-index\'s på dine <div>\'s.
/mvh
</bole>
Avatar billede easysoft_studios Nybegynder
27. november 2001 - 09:41 #5
takker, olebole!
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