Ich mache gerade etwas sehr Merkwürdiges durch. Ich habe an einem Chatsystem gearbeitet, bei dem die Zeilen und andere Dinge auf Tabellen basieren, aber die Formatierung ist immer wieder durcheinander geraten. Ich fragte mich, warum, bis ich den Teil der Quelle, die nicht funktionierte, die wie folgt aussah, sah:
<table border="0">
<tbody>
<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;">
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td>
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td>
</tr>
<tr class="chatline" style="background:white;border-style:none;border-top:1px solid grey;padding:0px;">
<td style="background:#A0D7FF;margin:0px;width:1%;"><span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span></td>
<td style="color:black;background:white;"><span style="color:black;padding:2px;">test</span></td>
</tr>
</tbody>
</table>Wenn ich sie jedoch mit den Entwicklungswerkzeugen in Chrome anzeige, erhalte ich diese Meldung:
<table border="0">
<tbody>
<span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
<span style="padding:2px;background:#A0D7FF;color:black;height:100%;border-right:1px solid grey;">kpsuperplane</span>
<span style="color:black;padding:2px;">test</span>
</tbody>
</table>Haben Sie eine Idee, warum das so ist? Die td's und tr's werden automatisch aus dem Dokument entfernt, wenn sie gerendert werden. Und das ist nicht Chrome-spezifisch. Live-Code in Dreamweaver gibt das gleiche rätselhafte Ergebnis. Bild unten:
