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