Sporadische 1 Pixelverschiebung von Tabellenzellen im Firefox

[Michi]

Hallo,

habe ein ganz komisches Problem:

Wie man im Screenshot sieht (2Fach-Vergrößerung zur besseren Erkennung), ist die Tabelle des zweiten Bildes ein Pixel tiefer. Etwas weiter oben ist eine Linie zu erkennen. D.h. diese Zelle rutscht einen Pixel nach unten. Das Merkwürdige an der Sache ist, dass dies sporadisch passiert, an den verschiedensten Positionen (also 1./2./3. Bild). Beim Reload passts dann immer.
Dies passiert allerdings nur, wenn ich die Seite über den Internetserver abrufe, lokal passts immer. Und auch nur im Firefox. IE, Opera, Chrome zeigen das Problem nicht.

Hier mal ein Auszug des css-Files und der HTML/PHP-Code, der die Tabelle zeichnet (dieser wird für jedes Bild gleichermassen includiert, ist also immer identisch):

--------------------------- CSS ------------------------------------
table
{
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
}

td
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  border: solid 0px #888;
}

table.thumb
{
  margin: 11px;
  width: 171px;
  border: solid 1px #BBB;
}

td.thumb_date
{
  font-size:11px;
  color:#555;
  height:19px;
  vertical-align: top;
  background: #FFFFFF;
  padding-left: 13px;
}

td.thumb_time
{
  font-size:11px;
  color:#555;
  height:19px;
  vertical-align: top;
  background: #FFFFFF;
  padding-right: 13px;
  text-align: right;
}

td.thumb_name_m
{
  font-size:11px;
  color:#243FA9;;
  height:19px;
  vertical-align: top;
  background: #FFFFFF;
  padding-left: 13px;
}

img.thumb
{
  border-color: #FFFFFF;
  border-width: 13;
  border-style: solid;
}

---------------------------------------- HTML/PHP -----------------------
wird pro Bild per PHP includiert:

<table>
<tr>
  <td style="vertical-align: top;">
  <table class="thumb">
    <tr><td colspan=2>
    <img class="thumb" src="<?=$row->id?>.jpg" alt=<?=$row->Vorname?> width=<?=$thumb_x?> height=<?=$thumb_y?> ></td></tr>
    <tr><td class="thumb_date"><?=$Datum?></td>
    <td class="thumb_time"><?=$Uhrzeit?></td></tr>
    <tr><td colspan=2 class="thumb_name_m">
    <?=$row->Vorname?></td></tr>
  </table>
  </td>
</tr>
</table>

[Gunnar Bittersmann]

@@Michi:

nuqneH

Wie man im Screenshot sieht (2Fach-Vergrößerung zur besseren Erkennung), ist die Tabelle des zweiten Bildes ein Pixel tiefer.

Wie man im Screenshot sieht, ist die Tabelle kein geeignetes Mittel zum Layouten (von der semantischen Vergewaltigung mal ganz abgesehen).

Du hast eine _Liste_ von Bildern, also 'ul'. Deren Listitems 'li' lässt du floaten oder als Inline-Block darstellen.

Qapla'