Avatar billede nielsbrinch Nybegynder
09. marts 2004 - 12:00 Der er 4 kommentarer og
1 løsning

Placering af div i forhold til centreret tabel

<div id="minDivert" style="border: 1 1 1 1 solid black;position:absolute;top:27;display:none">
    Indhold
</div>

Jeg har en div og en tabel. Jeg gerne vil gerne placere min div samme sted som min tabel starter. Det passer vertikalt med de 27 pixels, men da tabellen det skal passe til er centreret, kan jeg ikke angive en absolut værdi, da denne ville ændre sig i takt med brugerens opløsning.

Hvordan skal jeg positionere den div, så den passer til tabellen.
Avatar billede hermandsen Juniormester
09. marts 2004 - 13:17 #1
Ide:

<div id="foo">
  <div>Indhold</div>
  <table><tr><td>Tabel indhold</td></tr></table>
</div>

#foo {
  position: absolute;
  top: 27px;
  left: auto;
  width: auto;
  height: auto;
}

#foo:first-child { /* brug evt. "#foo div", hvis du bedre kan li' det */
  display: none;
}

#foo table { /* Hvad nu du end ønsker at stille op med dit table */
  background-color: red;
  color: black;
}
Avatar billede nielsbrinch Nybegynder
09. marts 2004 - 14:23 #2
Tak for hjælpen. Jeg løste det dog sådan:

<div align="center" id="foo" style="position:relative;top:27;left:-150;display:none">
Avatar billede hermandsen Juniormester
09. marts 2004 - 14:40 #3
Hvis bare din tabel er en fast bredde, så okay!!! :)

Du kan droppe align="center", hvis du i stedet skriver:

left:50%; margin-left: -150px;

En anden ting, husk lige at angive et værdi-navn på dine værdier...
top: 27; kan være 27 centimeter, milimeter, pixels, heste eller hvad som helst! ;)

Kan heller ikke helt se hvad du får ud af det når du skriver display:none, men det har vel en eller anden funktion!

Tak for point! ;)

//hermandsen
Avatar billede nielsbrinch Nybegynder
09. marts 2004 - 17:30 #4
ahh gode tips der :) dig får jeg vist fornøjelse af igen senere ...

ja display:none skal du ikke bekymre dig om, det har ikke noget med sagen at gøre.
Avatar billede hermandsen Juniormester
10. marts 2004 - 00:57 #5
Du skriver bare!! ;)
Kan også ICQ'e hvis du synes bedre om det!
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