Matze: Div: Verschachtelungsschlacht

Beitrag lesen

Good Day.

Ich möchte mit Divs eine 4-Level Struktur bilden

Analog:

Level4---Level3---Level2---Level1
---------------------------Level1
------------------Level2---Level1
---------Level3---Level2---Level1
Level4---Level3---Level2---Level1
---------------------------Level1
Level4---Level3---Level2---Level1
------------------Level2---Level1
------------------Level2---Level1
---------------------------Level1

usw...

<style type="text/css" media="all">
.topleft {
float:left;
width:200px;
}
.topright {
float:left;
}
</style>

</head>
<body>

<div class="topleft">DEMO V51</div>
<div class="topright">
 <div class="topleft">_LOOKUP</div>
 <div class="topright">
  <div class="topleft">1_POPULATE</div>
  <div class="topright">
   <div>TRN_00001</div>
   <div>TRN_00002</div>
  </div>
  <div class="topleft">1_POPULATE</div>
  <div class="topright">
   <div>TRN_00001</div>
   <div>TRN_00002</div>
  </div>
 </div>
</div>

</body>

Obenstehendes Codebeispiel ist:
Level4---Level3---Level2---Level1---Level2---Level1
---------------------------Level1------------Level1

Obenstehendes Codebeispiel soll:
Level4---Level3---Level2---Level1
---------------------------Level1
------------------Lebel2---Level1
---------------------------Level1

ich habe schon diverse Verschachtelungsvarianten versucht. Auch weitere Divs eingefügt, aber bin nie auf das gewünschte Resultat gekommen.

Hoffentlich kennt jemand von euch eine Möglichkeit dies elegant zu lösen¨

Besten Dank
Matze