Checkboxen verschieben sich durch PHP Else Zweig

[Jevy]

Hallo zusammen,

ich versuche aktuell eine dynamische Tabelle mit Daten aus einer mySql Datenbank mit vorangestellter Checkbox zu erstellen. Ich bekomme alle Daten ausgegeben, die Checkboxen werden auch wie ich es gerne hätte benamt.
Zusätzlich möchte das alle Checkboxen bei denen die ID aus meinen Datensätzen <90 ist angehakt sind und alle über 90 (das sind im aktuellen Stand 3 Stück) nicht. Dieser If lässt im Test die drei Checkboxen mit der ü90 ID auch ohne Haken.

Soweit mir verständlich und auch so, wie ich es gerne möchte. Jetzt zu meinem Problem:
Genau bei jenen drei Checkboxen, die nicht angehakt sein sollen, verschiebt sich die Checkbox ohne mir erkennbaren Grund nach rechts. Alle angehakten Checkboxen sind in den Tabellenzeilen geordnet untereinander.

Ich habe auch ausprobiert, den IF wegzulassen und geschaut, was dann angezeigt wird: Alle Checkboxen sind exakt untereinander, aber eben alle mit dem selben Status.

Anbei noch der betreffende Code des Formulars:

PHP-Code:

<form action="" method="post" name="kategorien" id="kategorien">
        <div id="auswahl">
        <input type="submit" id="buttonLos" name="los" value="Los">
        <span>Auswahl:</span>
        <input type="button" name="alle" value="alle" onclick="AlleAnHaken()">
        <input type="button" name="keine" value="keine" onclick="nixAnHaken()">
        <input type="button" name="change" value="umkehren" onclick="HakenUmkehren()">
        </div><!-- ende auswahl div -->
    <table id="overview">
        <thead>
            <tr>
                <th>Kategorie</th>
                   <th>Anzahl</th>
               </tr>
        </thead>
        <tbody>
            <?php foreach ($records as $r) {?>
                <tr>
                    <td>
                        <input type="checkbox"
                               name="Kategorie[]>"
                               value="<?php echo utf8_encode($r->ID);?>"
                           />
                        <!--<?php if ($r->ID<90){ ?>
                               <input type="checkbox"                                               
                                   checked="checked"
                                   name="Kategorie[]>"
                                   value="<?php echo utf8_encode($r->ID);?>"
                               />
                           <?php }else{?>                                           
                                   <input type="checkbox"
                                       name="Kategorie[]>"
                                       value="<?php echo utf8_encode($r->ID);?>"
                                   />
                           <?php }?>-->
                           <?php echo utf8_encode($r->Kategorie);?>
                       </td>
                       <td class="anzahl">
                        <?php echo utf8_encode($r->Anzahl);?>
                    </td>
                   </tr>
               <?php }?>
        </tbody><!-- tabellen body ende -->
    </table><!-- ende overview table -->
</form><!-- ende kategorien form -->

Mich würde jetzt interessiern, warum sich genau diese drei Checkboxen verschieben und wie sich dieses Problem beheben lässt.

Vielen dank schon mal udn liebe Grüße

[vt1816]

Hallo und willkommen hier im Forum.

Es ist kein Problem von PHP.

Hast Du Dir mal die Ausgabe im Browser Deiner Wahl im Seitenquelltext angesehen?
Hast Du Dir mal die Ausgabe in unterschiedlichen Browsern/Browserversionen angesehen?

Ohne Testdatensätze auf die schnelle erzeugt zu haben, sieht die Ausgabe Deines Codes erwartungsgemäß aus.

[Jevy]

Hallo,
ja, den Quelltext habe ich mir angesehen. Da sind keine besonderen Auffälligkeiten zu finden.

Hier der Quelltest der lokalen Version im Firefox:

<table id="overview">
	<thead>
		<tr>
			<th>Kategorie</th>
			<th>Anzahl</th>
		</tr>
	</thead>
	<tbody>
		<tr>
		   	<td>
		   				   		<input type="checkbox"	   										
			   			checked="checked"
			   			name="Kategorie[]>"
			   			value="1"
		   			/>	
						ABC 	Gefahrstoffe
			</td>
		   	<td class="anzahl">31</td>
		  </tr>
[...restliche Tabellenzeilen...]
		  <tr>
		   	<td>
		   						<input type="checkbox"	   										
			   			checked="checked"
			   			name="Kategorie[]>"
			   			value="24"
		   			/>
						Wasserförderung
			</td>
		   	<td class="anzahl">8</td>
		   </tr>
		   <tr>
		   	<td>
		   										   									
			   			<input type="checkbox"
			   				name="Kategorie[]>"
			   				value="97"
			   			/>
		   				Leistungsbogen - Bronze
			</td>
		   	<td class="anzahl">0</td>
		   </tr>
		   <tr>
		   	<td>
		   				<input type="checkbox"
			   				name="Kategorie[]>"
			   				value="98"
			   			/>
		   				Leistungsbogen - Silber
			</td>
		   	<td class="anzahl">0</td>
		   </tr>
		   <tr>
			<td>
		   										   									
			   			<input type="checkbox"
			   				name="Kategorie[]>"
			   				value="99"
			   			/>
		   				Leistungsbogen - Gold
			</td>
		   	<td class="anzahl">0</td>
		   </tr>
	</tbody><!-- tabellen body ende -->
</table><!-- ende overview table -->

Da ist der einzige Unterschied, dass die Einrückungen anders sind, aber die werden ja nicht vom Browser beachtet.

Ich habe mir die Seite im Firefox(Version 46.0.1) über mein Handybrowser und im IE 11 angeshen. In allen Browsern werden die unteren drei Checkboxen eingerückt und das sowohl in der lokalen Version als auch in der Version auf meinem Webspace.

[vt1816]

Dein letzter Code zeigt keine Auffälligkeiten. Alle Checkboxen untereinander.
Wo kann man sich das mal im Original ansehen?

[Jevy]

Hier die original Webseite mit dem Phänomen:

http://jevy.de/FwFOnline/intern/fragebogen/test.php

[vt1816]

Ok, wenn ich mir den Seitenquelltext in Deinem Webspace absehe, fällt mir auf, dass der <else>-Zweig von Hause aus schon anders eingerückt ist. Bereinige dies mal und berichte anschließend.

[Jevy]

Ich habe nochmal alles, was in dem Body DIV steht neu eingerückt:

http://jevy.de/FwFOnline/images/neue_einrueckung.GIF

Im Browserquelltext erkennt man davon leider nichts und die Checkboxen haben immer noch ihren eigenen Willen.

[vt1816]

Momentan sehe ich auch nichts woran es noch liegen könnte.

Da kann nur weiter versucht werden:

• <input ... > in eine Zeile schreiben und ohne / am Ende.
• Austausch if / else Zweige
• checked="checked" auch im else Zweig einfügen
• ...

[Jevy]

Dann trotzdem schon mal vielen Dank.
Ich werde weiter probieren.

[vt1816]

Welchen Editor benutzt Du?