delo-design: FF: Tabelleninhalt verrutscht in Spalte

SELF-Forum

FF: Tabelleninhalt verrutscht in Spalte

delo-design
– Informationen zu den Bewertungsregeln

Hi,
ich habe folgendes Problem:

Auf meiner Clan-Page verschiebt sich manchmal der Inhalt der "Member-Übersicht" Tabelle, in einer oder mehr Zeilen, ab dem E-Mail Feld, um eine Spalte.
Ich habe allerdings schon mehrfach den Quellcode überprüft. Dieser ist zwar (da teilweise dynamisch generiert) etwas unordentlich, aber tag-mäßig passt alles.

Problem-Browser ist der FF 1.5. Im IE 6.0 sieht die Seite zwar sch.. aus, aber funzt. Ebenso funzt se im neusten Opera.

Hier die entsprechende Seite: http://xray-clan.de/xray.php?site_id=22

Hier auch einmal Quellcode für ein Fallbeispiel, in dem die zweite Zeile, nach dem Header, verschoben war:

  
[...]  
<div id="title">Member-&Uuml;bersicht</div>  
  
  
<div id="content">  <table id="list">  
    <tr>  
      <td class="tableheader" style="width: 30%; text-align: left">  
  
        <form name="order_by_name" method="post" action="">  
          <input name="order" type="hidden" value="name" />  
          <a href="javascript:document.order_by_name.submit()">Nickname</a>  
        </form>  
      </td>  
      <td class="tableheader" style="width: 20%; tex-align: center">  
        <form name="order_by_group" method="post" action="">  
          <input name="order" type="hidden" value="group_id" />  
  
          <a href="javascript:document.order_by_group.submit()">Position</a>  
        </form>  
      </td>  
      <td class="tableheader" style="width: 10%; text-align: center">  
        <form name="order_by_email" method="post" action="">  
          <input name="order" type="hidden" value="email" />  
          <a href="javascript:document.order_by_email.submit()">E-Mail</a>  
        </form>  
  
      </td>  
      <td class="tableheader" style="width: 5%; text-align: center">  
        <form name="order_by_icq" method="post" action="">  
          <input name="order" type="hidden" value="icq" />  
          <a href="javascript:document.order_by_icq.submit()">ICQ</a>  
        </form>  
      </td>  
      <td class="tableheader" style="width: 10%; text-align: center">  
  
        <form name="order_by_homepage" method="post" action="">  
          <input name="order" type="hidden" value="homepage" />  
          <a href="javascript:document.order_by_homepage.submit()">Homepage</a>  
        </form>  
      </td>  
      <td class="tableheader" style="width: 15%; text-align: center">Profil</td>  
    </tr>  
          <tr>  
  
      <td class="tableleft" style="text-align:left">Bountyhunter</td>  
      <td class="tablecontent" style="text-align:center">  
  
Member  
      </td>  
      <td class="tablecontent" style="text-align:center">  
                  <a href="mailto:bountyhunter&#064;xray&#045;clan&#046;de">  
          <img title="Eine E-Mail per Standard-Mailprogramm schicken." src="_img/icon_mail.gif"  
               style="border: 0px; width: 16px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="email" />  
        </a>  
                </td>  
  
      <td class="tablecontent" style="text-align:center">  
                    <a>  
          <img title="UIN: 256836760" src="_img/icon_icq.gif"  
               style="border: 0px; width: 16px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="ICQ" />  
          </a>  
                </td>  
      <td class="tablecontent" style="text-align:center">  
          &nbsp;      </td>  
      <td class="tablecontent" style="text-align:center">  
  
          <a href="xray.php?site_id=30&amp;userid=5&amp;sid=7daf6245ae551b707902492436cb1baa" target="_self">  
          <img title="Profilansicht dieses Mitglieds" src="_img/btn_userprofile.png"  
               style="border: 0px; widht: 80px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="profile" />  
          </a>  
      </td>  
    </tr>  
          <tr>  
      <td class="tableleft" style="text-align:left">Cofax</td>  
      <td class="tablecontent" style="text-align:center">  
  
Member  
      </td>  
      <td class="tablecontent" style="text-align:center">  
                  <a href="mailto:cofax&#064;xray&#045;clan&#046;de">  
          <img title="Eine E-Mail per Standard-Mailprogramm schicken." src="_img/icon_mail.gif"  
               style="border: 0px; width: 16px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="email" />  
        </a>  
                </td>  
      <td class="tablecontent" style="text-align:center">  
                    <a>  
  
          <img title="UIN: 243484873" src="_img/icon_icq.gif"  
               style="border: 0px; width: 16px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="ICQ" />  
          </a>  
                </td>  
      <td class="tablecontent" style="text-align:center">  
          &nbsp;      </td>  
      <td class="tablecontent" style="text-align:center">  
          <a href="xray.php?site_id=30&amp;userid=4&amp;sid=7daf6245ae551b707902492436cb1baa" target="_self">  
          <img title="Profilansicht dieses Mitglieds" src="_img/btn_userprofile.png"  
               style="border: 0px; widht: 80px; height: 16px; margin-left: auto; margin-right: auto"  
               alt="profile" />  
  
          </a>  
      </td>  
    </tr>  
<tr>  
      <td class="tableleft" style="text-align:left">Doberman</td>  
      <td class="tablecontent" style="text-align:center">  
  
Member  
      </td>  
[...]

Das größte Problem dabei ist, dass es völlig unregelmäßig auftritt.
Mal sieht alles perfekt aus und beim anderen Mal wieder so, wie beschrieben. Zudem sind es immer wieder andere Zeilen.

Vielen Dank schonmal!

MfG

Matthias Teuber

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. FF: Tabelleninhalt verrutscht in Spalte

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Auf meiner Clan-Page verschiebt sich manchmal der Inhalt der "Member-Übersicht" Tabelle, in einer oder mehr Zeilen, ab dem E-Mail Feld, um eine Spalte.
    Ich habe allerdings schon mehrfach den Quellcode überprüft. Dieser ist zwar (da teilweise dynamisch generiert) etwas unordentlich, aber tag-mäßig passt alles.

    Auch mal in die JavaScript-Konsole des FireFox, die jetzt eigentlich Fehler-Konsole heißen sollte, geschaut? Da findet sich:

    Fehler: ':' erwartet, aber '=' gefunden.  Deklaration ignoriert.
    Quelldatei: http://xray-clan.de/xray.php?site_id=22
    Zeile: 0

    Fehler: Unbekannte Eigenschaft 'tex-align'.  Deklaration ignoriert.
    Quelldatei: http://xray-clan.de/xray.php?site_id=22
    Zeile: 0

    Fehler: Unbekannte Eigenschaft 'widht'.  Deklaration ignoriert.
    Quelldatei: http://xray-clan.de/xray.php?site_id=22
    Zeile: 0

    Hier auch einmal Quellcode für ein Fallbeispiel, in dem die zweite Zeile, nach dem Header, verschoben war:

    [...]
          <td class="tableheader" style="width: 20%; tex-align: center">

    [...]

    <img title="Profilansicht dieses Mitglieds" src="_img/btn_userprofile.png"
                   style="border: 0px; widht: 80px; height: 16px; margin-left: auto; margin-right: auto"
                   alt="profile" />
    [...]

    
>   
  
viele Grüße  
  
Axel
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. FF: Tabelleninhalt verrutscht in Spalte

      delo-design
      – Informationen zu den Bewertungsregeln

      Ja, das mit dem:

      Fehler: ':' erwartet, aber '=' gefunden.  Deklaration ignoriert.
      Quelldatei: http://xray-clan.de/xray.php?site_id=22
      Zeile:0

      habe ich auf jeder Seite. Da muss ich nochmal intensiv nach suchen.

      Aber die anderen beiden könnten es sein.

      Vielen Dank schonmal. :)

      Gruß

      Matthias

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. FF: Tabelleninhalt verrutscht in Spalte

        Axel Richter
        – Informationen zu den Bewertungsregeln

        Hallo,

        Fehler: ':' erwartet, aber '=' gefunden.  Deklaration ignoriert.
        Quelldatei: http://xray-clan.de/xray.php?site_id=22
        Zeile:0

        habe ich auf jeder Seite. Da muss ich nochmal intensiv nach suchen.

        Such nach "border=" ;-).

        viele Grüße

        Axel

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. FF: Tabelleninhalt verrutscht in Spalte

          delo-design
          – Informationen zu den Bewertungsregeln

          Jo, hab alle drei gefunden.

          Auch der Fehler mit dem verrutschen ist nun weg.
          Lag allerdings nicht an den 3 besagten Fehlern.

          Anscheinend kam FF nicht mit den "leeren" (obwohl &nbsp; drinne stand) Zellen zurecht. *roll eyes*

          Nochmals vielen Dank!

          Gruß

          Matthias

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. FF: Tabelleninhalt verrutscht in Spalte

            Axel Richter
            – Informationen zu den Bewertungsregeln

            Hallo,

            Jo, hab alle drei gefunden.

            Gut.

            Auch der Fehler mit dem verrutschen ist nun weg.

            Sicher dass?

            Anscheinend kam FF nicht mit den "leeren" (obwohl &nbsp; drinne stand) Zellen zurecht. *roll eyes*

            Sicher dass?

              
<div id="content"><table id="list">  
  <tr>  
    <td class="tableheader" style="width: 30%; text-align: left">  
...  
    </td>  
    <td class="tableheader" style="width: 20%; text-align: center">  
...  
    </td>  
    <td class="tableheader" style="width: 10%; text-align: center">  
...  
    </td>  
  
    <td class="tableheader" style="width: 5%; text-align: center">  
...  
    </td>  
    <td class="tableheader" style="width: 10%; text-align: center">  
...  
    </td>  
    <td class="tableheader" style="width: 15%; text-align: center">Profil</td>  
  </tr>

            90% in Summe oder habe ich mich verrechnet?

            Du könntest den Browser aber auch beim Rendern etwas unterstützen, indem Du Spaltenbreiten vordefinierst. Die COL-Elemente lassen sich übrigens auch mit CSS width:xy% formatieren.

            Und deine

            <div id="title">Member-&Uuml;bersicht</div>

            möchte bitte unbedingt eine caption sein. Und Deine

            <td class="tableheader" ...>

            sehen aus wie TH Elemente in einem THEAD-Element. Damit könntest Du dann mit den Selektoren

            thead th

            tbody td

            auf eine Klasse verzichten.

            viele Grüße

            Axel

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. FF: Tabelleninhalt verrutscht in Spalte

              delo-design
              – Informationen zu den Bewertungsregeln

              Auch der Fehler mit dem verrutschen ist nun weg.
              Sicher dass?

              Nein, inzwischen auch nicht mehr.

              Anscheinend kam FF nicht mit den "leeren" (obwohl &nbsp; drinne stand) Zellen zurecht. *roll eyes*
              Sicher dass?

              Nein, das geht ja aus der ersten Fehlannahme hervor, dass es nicht stimmen kann. Verdammt. :D

              90% in Summe oder habe ich mich verrechnet?

              Jopp... zu blöd zum rechnen bin ich wohl inzwischen auch.
              Es ist halt immer gut, wenn vier Augen über den Code schweifen. :]

              Werde mir deine weiteren Vorschläge auch mal ansehen.

              Hoffentlich klappt's dann.

              Gruß

              Matthias

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln