Dominik Amon: Text in Tabelle nicht Rechtsbündig

Hallo

Ich habe eine einfache Tabelle mit zwei Spalten und dazwischen sind Zeilen die über Zwei Spalten gehen.

Der Text der linken Spalte, soll rechtsbündig sein, das ist aber leider nicht der Fall und ich bin mir nicht sicher warum das so ist.

Ich habe einen Screenshot hinzugefügt wie das ganze aussieht und hier der Quelltext

CSS Klasse:

.mgInfo
{
  font-family:Verdana;
  font-size:x-small;
  text-align:right;
  width:200px;
  vertical-align:top;
}
.mgText
{
  vertical-align:top;

}
.tableDescriptionRight
{
  font-family:Verdana;
  font-size:x-small;
  text-align:right;
}
.cardContent
{
  width:100%;
}

HTML Code:

<TABLE class=cardContent id=tabStrip1Card6 cellPadding=3 width="100%">
<TR>
<TD class=tableDescriptionRight width="100%" colSpan=2>Mitglied, Zusendeadresse</TD></TR>
<TR>
<TD class=mgInfo>Straße</TD>
<TD class=mgText>xxxx</TD></TR>
<TR>
<TD class=mgInfo>Ort</TD>
<TD class=mgText>xxxx</TD></TR>
<TR>
<TD class=tableDescriptionRight width="100%" colSpan=2>Berechtigung 4, Standortadresse</TD></TR>
<TR>
<TD class=mgInfo>Straße</TD>
<TD class=mgText>xxxx</TD></TR>
<TR>
<TD class=mgInfo>Ort</TD>
<TD class=mgText>xxxx</TD></TR>
<TR>
<TD class=mgInfo>BezirkNr</TD>
<TD class=mgText>22 - 922</TD></TR>
<TR>
<TD class=mgInfo>GemeindeNr</TD>
<TD class=mgText>xxxx</TD></TR>
<TR>
<TD class=mgInfo>StandortNr</TD>
<TD class=mgText>xxxx</TD></TR>
</TABLE>

Wisst ihr warum der Text nicht rechtsbündig ist?

danke,
dominik

  1. width:200px;

    Da liegt das Problem, wenn du da eine Angabe machst, die der Länge der Spalte entspricht ist der Text auch weiter rechts.

    Im moment ist dein text auch rechtsbündig, aber bezogen auf die 200px

    Mfg Chriss

    1. Hallo

      width:200px;

      Da liegt das Problem, wenn du da eine Angabe machst, die der Länge der Spalte entspricht ist der Text auch weiter rechts.

      Im moment ist dein text auch rechtsbündig, aber bezogen auf die 200px

      Die linke Spalte soll 200px groß sein, ist sie aus irgendeinem grund aber nicht.

      die rechte spalte soll soll im Prinzip den "rest" ausfüllen

      dominik

      1. Die linke Spalte soll 200px groß sein, ist sie aus irgendeinem grund aber nicht.

        die rechte spalte soll soll im Prinzip den "rest" ausfüllen

        Dann mache es doch einfach so!

        <TABLE class=cardContent id=tabStrip1Card6 border="1"cellPadding=3 >
        <TR>
        <TD class=tableDescriptionRight  colSpan=2>Mitglied, Zusendeadresse</TD></TR>
        <TR>
        <TD class=mgInfo>Straße</TD>
        <TD class=mgText>xxxx</TD></TR>
        <TR>
        <TD class=mgInfo>Ort</TD>
        <TD class=mgText>xxxx</TD></TR>
        <TR>
        <TD class=tableDescriptionRight  colSpan=2>Berechtigung 4, Standortadresse</TD></TR>
        <TR>
        <TD class=mgInfo>Straße</TD>
        <TD class=mgText>xxxx</TD></TR>
        <TR>
        <TD class=mgInfo>Ort</TD>
        <TD class=mgText>xxxx</TD></TR>
        <TR>
        <TD class=mgInfo>BezirkNr</TD>
        <TD class=mgText>22 - 922</TD></TR>
        <TR>
        <TD class=mgInfo>GemeindeNr</TD>
        <TD class=mgText>xxxx</TD></TR>
        <TR>
        <TD class=mgInfo>StandortNr</TD>
        <TD class=mgText>xxxx</TD></TR>
        </TABLE>

        Bis denn

        Mfg Chriss

        1. Wenn ich es so machen würde, geht die Tabelle nicht über die ganze Spalte

  2. Hallo,

    dein Text sieht schon so aus, als sei er rechts ausgerichtet. Allerdings scheint zwischen Text und Tabelle irgend etwas 'dazwischen' zu sein.

    Hast du vielleicht irgendwo ein padding-right für die Zelle oder ein margin-right für den Text definiert?

    Gruß
    Volker