Avatar billede mik28 Seniormester
25. juli 2010 - 20:40 Der er 4 kommentarer og
1 løsning

Opsætning med div

Hej Eksperter

Hvordan er det man laver en tabel med divs. Det handler om jeg gerne vil have tingene til at stå under hinanden. Kunne selvfølgelig bruge en tabel, men det vil jeg gerne undgå. Det skal se således ud

Navn:      Svend Hansen
Adresse:  Ørnevej 42

Har forsøgt med

<div style="height:25px;width:100px;font-size:20px;font-weight:bold;padding:10px;background:#ff0000;">Navn:</div>
    <div style="height:25px;font-size:20px;background:#ff0000;">Svend Hansen</div>
Avatar billede mik28 Seniormester
25. juli 2010 - 20:53 #1
Det jeg vil er at have to divs ved siden af hinanden. I den her stil. Hvordan får jeg dem til at stå parvis på samme linie?

<div>yjfwey</div><div>hfufhwu</div>
<div>yjfwey</div><div>hfufhwu</div>
<div>yjfwey</div><div>hfufhwu</div>
<div>yjfwey</div><div>hfufhwu</div>
Avatar billede stenger Nybegynder
25. juli 2010 - 20:59 #2
Det kan du gøre ved at lægge en container-div rundt om dine indholds-divs.

Eks.

<div style="float:left; width:400px;">
  <div style="float:left; width:200px;">
    Venstre indhold
  </div>
  <div style="float:left; width:200px;">
    Højre indhold
  </div>
</div>

De to indholds-divs har tilsammen en bredde på 400px, det samme som den omklamrende div. Sætter du en ny indholds-div ind, med en bredde på 200px, vil denne ryge nedenunder de to oprindelige, da der ikke er mere plads.

Float er din ven :)

/Stenger
Avatar billede mik28 Seniormester
25. juli 2010 - 22:56 #3
Tak for hjælpen. Ligger du et svar?
Avatar billede stenger Nybegynder
25. juli 2010 - 23:14 #4
Det var så lidt :)

Du kan med fordel bruge float til det meste. Er (efter min mening) den absolut bedste metode til at styre en sides layout med.

/Stenger
Avatar billede gadensgaard Nybegynder
26. juli 2010 - 08:33 #5
Tabeller er som sådan ikke noget problem hvis det bruges til tabulær data (det synes jeg det ligner).

"Problemet" opstår kun hvis du bruger tabeller til opsætning af design - det er ikke det tabeller er beregnet til.
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