Avatar billede showsource Seniormester
04. februar 2010 - 09:16 Der er 13 kommentarer og
1 løsning

Lav en tabel til div

Hvordan laver jeg flg. tabel om til kun at bruge div ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head><title>Tabel til div</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="En debatside om taxak&oslash;rsel i Danmark" />

<style type="text/css">

body {
    color: black;
    background-color: white;
    margin: 0px;
    padding: 0px;
    }

</style>


</head>

<body>


<table cellspacing="0" cellpadding="0" width="960" align="center"><tr>

    <td style="vertical-align: top; width: 480px; background-color: #CECECE;">Venstre td.<br />
Mængden af data her er x - stor</td>

    <td style="vertical-align: top; width: 480px; background-color: #C0C0C0;">Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.<br />
Højre td.<br />
Mængden af data her er x - stor.</td>

</tr></table>


</body></html>
Avatar billede majbom Novice
04. februar 2010 - 09:28 #1
skal begge kolonner altid være lige høje?
Avatar billede showsource Seniormester
04. februar 2010 - 09:47 #2
Hvis muligt, ja meget gerne.
( Har lavet noget i javascript som sætter højden, men det synes jeg er noget skod )

Men det vigtigste er at anden kolonne ikke glider ind under første, hvis første ikke har så meget data som anden.

Og absolute som position ønsker jeg ikke at bruge.
Avatar billede platik Nybegynder
04. februar 2010 - 10:08 #3
At den ikke "glider" under den anden løses med float:left(/right), men højden kender jeg ikke lige nogen måde at løse på, andet end java som du selv nævner og sætte en bestemt højde på begge.
Avatar billede showsource Seniormester
04. februar 2010 - 10:35 #4
Du må gerne vise et ex. som virker !
At kolonner ikke er lige høje gør ikke noget.
Avatar billede keysersoze Ekspert
04. februar 2010 - 10:36 #5
Hvorfor vil du undgå tables? Tables er ikke forbudte at bruge så længe de benyttes korrekt, nemlig til visning af tabullerede data, og det er vel det du skal vise?
Avatar billede keysersoze Ekspert
04. februar 2010 - 10:41 #6
hvis du vil undgå tables og højden er ligegyldig;

<div style="width: 200px;">
  <div style="width: 100px; float: left; background-color: red;">
    indhold
  </div>
  <div style="width: 100px; right: left; background-color: blue;">
    indhold
  </div>
</div>
Avatar billede keysersoze Ekspert
04. februar 2010 - 10:43 #7
oups;

<div style="width: 200px;">
  <div style="width: 100px; float: left; background-color: red;">
    indhold
  </div>
  <div style="width: 100px; float: right; background-color: blue;">
    indhold
  </div>
</div>
Avatar billede showsource Seniormester
04. februar 2010 - 11:44 #8
Har du prøvet at smide en padding på div med indhold ?
Avatar billede majbom Novice
04. februar 2010 - 14:06 #9
Avatar billede keysersoze Ekspert
05. april 2010 - 11:43 #10
lukketid?
Avatar billede johnstigers Seniormester
08. maj 2010 - 15:17 #11
Åbenbart ikke...
Avatar billede showsource Seniormester
16. juni 2010 - 13:55 #12
jowjowjow, point for input.

Til jer som har deltaget. ( lukker her om et par dage )

Linket i #9 viser egentlig mit problem, altså venstre ikke bare følger med ned.
Kan lave det i javascript, men ville helst undgå det.

Og jeg ender nok med at bruge en tabel alligevel.
Avatar billede keysersoze Ekspert
16. juni 2010 - 19:52 #13
benyt en parent-div og læg et baggrundsbillede ind i den?
Avatar billede keysersoze Ekspert
27. juni 2010 - 10:40 #14
Lukketid?
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