Am Rande der Verzweiflung

Hallo Leute,
ich bin jetzt schon ungefähr 40 Minuten am selben Problem.
Es geht um Tabellen. Normal sieht alles nach meinem Skript so aus (nur schemahaft):[attachment=1]<!-- ia1 -->Unbenannt.PNG<!-- ia1 -->[/attachment]
Die zweite Zeile hat nur ein td mit colspan="4".

Alles schön und gut, nur mein Problem ist ein wenig schwieriger zu erklären: :lol:
Ersteinmal der Code:

while($row = mysql_fetch_row($result))
{
echo "<tr><td><a href='#' onclick='openmessage(".$row[0].")'>".$row[3]."</a></td>";
$mysql = "SELECT * FROM `user` WHERE `nickname` LIKE '".$row[1]."'";
$resultb = mysql_query($mysql);
while($rowb = mysql_fetch_row($resultb))
{
echo "<td><a href='profil.php?id=".$rowb[0]."'>".$row[1]."</a></td>";
}
echo "<td>".$row[4]."</td><td><img src='../png/icons/delete.png' /></td></tr>";
echo "<tr class='message' id='".$row[0]."'><td colspan='4'>".$row[6]."</td></tr>";
}
echo "</table>";

Ein simples Nachrichtenpostfach, jedoch ein Problem.

<script type="text/javascript">
function openmessage(rcid) {
document.getElementById(rcid).style.display="block";
}		
</script>

tr.message {
display: none;
border: 1px solid #393939;
}

Soooo, hier noch ein Bild in dem man das Problem erkennen kann:
[attachment=0]<!-- ia0 -->Unbenannt2.PNG<!-- ia0 -->[/attachment]

Die Zeile, in der der Inhalt der Nachricht angezeigt wird, soll sich über 4 Spalten erstrecken.
Ich habe doch <td colspan="4">...</td>!!!

Warum funktioniert das nicht?

Ich hoffe, ihr habt erkannt, dass das ganze mit Javascript und display dynamisch ist.

Mit freundlichen Grüßen,
Philipp E.

Kleine Ergänzung:
Im IE funktioniert alles. Im FF aber nicht.

Sarkkan:
Also ich habe doch vier Spalten. Warum kann ich dann nicht per colspan="4" die gane Zeile für eins benutzen? Ich mache doch gar kein neues. Es sind vier da, und ich nehme colspan="4".

Entweder du oder ich kapieren gerade gar nichts (eher das erstere).

table = Tabellenbasis
tr = Zeile
th = Spaltenüberschrift
td = Zelle

Wenn man jetzt folgendes macht:

<table>
<tr>
<th>...</th>
<th>...</th>
<th>...</th>
<th>...</th>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td colspan="4">...</td>
</tr>
</table>

Wo sind da jetzt 5 Zellen (td) in einer Zeile (tr)??

Mit freundlichen Grüßen,
Philipp E.

Flow Snow:

<table>
<tr>
<th width='35%'>
<img alt='Betreff' title='Betreff' width='30' src='../png/icons/large_tiles.png' />
</th>
<th width='20%'>
<img alt='Von' title='Von' width='30' src='../png/icons/user_gray.png' />
</th>
<th width='35%'>
<img title='Datum' alt='Datum' width='30' src='../png/icons/date.png' />
</th>
<th width='10%'>
<img alt='löschen' title='löschen' width='30' src='../png/icons/bin.png' />
</th>
</tr>
<tr>
<td>
<a href='#' id='a1' onclick='openmessage(1)'>
Test123<img id='img1' class='messageimg' src='../png/iconsbullet_arrow_down.png' /></a>
</td><td>
<a href='profil.php?id=2'>Sebastian S.</a>
</td>
<td>
2011-07-09 19:07:59
</td><td>
<img src='../png/icons/delete.png' />
</td>
</tr>
<tr class='message' id='1'>
<td colspan='4'>
<img class='messageimg' onclick='closemessage(1)' src='../png/icons/bullet_arrow_up.png' />
<br />Hallo,
ich hoffe, es geht dir gut.
TEST123
[Virus238456]</td></tr>

Und hier nochmal ein aktulasiertes Bild:
[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]

Sarkkan:
Ja, habe ich doch gemacht.

CyberGirl:
Ja, das ist bei mir auch. Nur, wenn ich das dann mit meinem ganzen Styles... anwende kommt was anderes raus
Das mit der id habe ich jetzt geändert:

<tr class='message' id='id1'>

Und zu messageimg:

img.messageimg {
vertical-align: middle;
cursor: pointer;
}

Doch, das verbessert nichts.

Also, dann komt das raus:

[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]

CyberGirl:
Was meinst du jetzt mit dem Ganzen?

OK.
Hier ist er:
div#content table {
width: 100%;
text-align: center;
}
div#content table tr:first-child {
padding: 5px;
text-align: center;
}
div#content td {
border-bottom: 1px solid #393939;
padding: 5px;
}