DIV Container untereinander in 2 Spalten

[loscho]

Hallo Fachleute,

ich möchte eine Übersichtseite mit verschiedenen Links erstellen. Diese Links werden bestimmten Kategorien zugeordnet. Die Anzahl der Links innerhalb der Kategorien wird unterschiedlich sein.

Nun wollte ich das ganze in einem 2 Spalten Layout machen und die jeweilige Kategorie in einer Box darstellen. Das mit Float "right" / "left" die DIV Container (Kategorie Box) als 2 Spaltenlayout darstelle ist kein Problem, nur wie bekomme ich weitere Kategorie Boxen und die jeweilige Spalte, so dass sie aber direkt an der darüberliegenden anfangen.

Beispiel mit 4 Boxen L1, L2, R1, R2

Linke Spalte1111Rechte Spalte
L1L1L111111111R1R1R1
L1L1L111111111R1R1R1
L1L1L1
L1L1L111111111R2R2R2
L1L1L111111111R2R2R2
L2L2L211111111R2R2R2
L2L2L2


Ich hoffe das ist halbwegs verständlich. Vielleicht hat jemand von euch einen Tipp für mich. Vielen Dank

Loscho

[hero-master]

Hi loscho
ich würde die 2 Spalten in ein Überdiv packen, diese dann floaten und eben in die Divs dann die Linklisten:

<div id="links">
<ul id="L1">
<li><a href="#">L1</a></li>
<li><a href="#">L1</a></li>
</ul>

<ul id="L2">
<li><a href="#">L2</a></li>
<li><a href="#">L2</a></li>
</ul>
</div>

<div id="rechts">
<ul id="R1">
<li><a href="#">R1</a></li>
<li><a href="#">R1</a></li>
</ul>

<ul id="R2">
<li><a href="#">R2</a></li>
<li><a href="#">R2</a></li>
</ul>
</div>