Nick: Divs direkt unterinander darstellen

Beitrag lesen

Sehr Mysteriös, aber vielleicht erkennt Ihr ja den Fehler:

Ich möchte innerhalb eines Fieldset eine Reihe von Divs ausgeben.
Zwei nebeneinander und davon dann 13 untereinander.
Im jeweils ersten Div pro Zeile befindet sich eine checkbox (rechtsbündig).
Im zweiten Div wird ein Name ausgegeben (linksbündig)

programmiert wie folgt:
__________________________________________________________________________

<fieldset><legend><font class=kl_stichwort>Teilnehmer</font></legend>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname1</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname2</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname3</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname4</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname5</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname6</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname7</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname8</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname9</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname10</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname11</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname12</font></div>

<div style="float:left;width:40%;text-align:right;background:red;"><input type="checkbox" name="test" value="test"></div>
<div style="float:right;width:60%;text-align:left;background:green;"><font class=stichwort>Vorname Nachname13</font></div>

</fieldset>
__________________________________________________________________________

Natürlich läuft das ganze über eine Whileschleife.
Warum wird die Checkbox der zweiten Reihe auf der linken seite dargestellt, alle anderen aber auf der rechten Seite, wo doch der Code überall gleich ist?

Das Obermysterium kommt jetzt:
Wenn Ihr sämmtliche Divs nocheinmal kopiert und ans Ende setzt (also die Ausgabe verdoppelt), hätte ich ja nun erwartet, dass wiederrum die entsprechend zweite Checkbox auf der rechten Seite dargestellt wird, oder der zweite Teil richtig, stattdessen wird jedoch zusätzlich zur zweiten Checkbox des ersten Teils auch die 9. Checkbox des 2. Teils rechts angezeigt ???

Ich verstehe da jetzt garnichts mehr und hoffe, dass ich nur den Wald vor lauter Bäumen nicht mehr sehe.