Tabelle innerhalb eines DIVs läßt sich nicht ausrichten

[Jochen]

Hi,

ich habe eine Tabelle mit 185 Pixel Breite, die in einem DIV mit 235 Pixel Breite rechtsbündig ausgerichtet werden soll.

<div class="datum">

<table class="tabelle-im-gastebuch">
  <tr>
  <td class="tabelle-email">[EMAIL]</td>
  <td class="tabelle-homepage">[URL]</td>
  <td class="tabelle-datum">[DATE] | [TIME] | [NR]</td>
  </tr>
 </table>

</div>

Die aktuellen Angaben im CSS-file hierfür sind:

.datum {
position: absolute;
width: 235px;
margin: 0px 0px 0px 311px;
padding: 0px 5px 0px 0px;
background: transparent;
border: 2px solid #000000;
font-size: 12px;
font-weight: normal;
}

.tabelle-im-gastebuch {
position: relative;
margin-right: 0px;
width: 185px;
padding: 0px 0px 0px 0px;
border: 2px solid #ff0000;
}

Der angegebene Link führt zum Gästebuch, dort kann man sehen, wie es aktuell aussieht. Ich habe Rahmen um die betroffenen Elemente gesetzt, dann kann man es besser sehen. Die Tabelle sollte rechtsbündig sein, ich bekomme es aber einfach nicht hin.

Sicherlich könnte man "links" neben die Tabelle auch ein Element mit 50 Pixel Breite setzen und somit die Tabelle nach rechts zwingen, aber wie man sehen kann, ist in der rechten Tabellenspalte der Eintrag [NR], der die Nummer des Gästebuchs ausgibt. Wenn der dann wächst und 2 oder gar 3stellig wird, dann bekomme ich das Problem, daß mit einem festen Element "links" der Platz nicht reicht und sich alles verschieben wird.

Kann mir da jemand weiterhelfen?