• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Zellen breiter als erwartet

I

Industriemeister

Mitglied
Hallo zusammen,

ich grüble und suche schon seit Stunden.

ich habe eine Tabelle.
Die erste Spalte wird breiter dargestellt als der Text in der Zelle ausfüllt.
Es ist kein Width für die einzelne Zelle / Spalte angegeben.
Nur eines für die gesamte Tabelle.
Es sind auch keine Padding angegeben die Einflus darauf haben.
es gibt für jede Zelle eine eigenen class
Ich habe auch andere class für td und tr geprüft doch eine Veränderung dort hat keinen Einfluss auf diese Zellen gehabt.

Normalerweise müsste doch der Rahmen so knapp wie möglich um den Text abschließen.
Wie kann es also sein das rechts vom Text ein Abstand zur nächsten Zelle dargestellt wird?
Erst wenn ich den Text deutlich länger schreibe dann wird die Zelle ganz eng um den Text gelegt.

Habt Ihr eine Idee woran es liegen könnte?
 
Werbung:
Ohne Link zur Seite schwer zu sagen. Ich tippe spontan auf ein fehlendes

Code: 
table { border-collapse: collapse; }
 
threadi schrieb:
Ohne Link zur Seite schwer zu sagen. Ich tippe spontan auf ein fehlendes

Code: 
table { border-collapse: collapse; }
Zum Vergrößern anklicken....
auch damit hat sich nichts geändert.

einen Link kann ich nicht präsentieren. Da ich es noch local habe.
Und ich nutze
Code: 
border-collapse: seperate;

ich fände es etwas schwierig hier den ganzen code der css-Datei abzulegen.
Und dann den der Seite an der ich aktuell schraube.
 
Werbung:
Hi,

ich bin nicht sicher ob die Code-Auszüge reichen werden.

css-Datei (Ausschnitt)
Code: 
.setcard_h {                     /* Textformatierung Buchbeschreibung Überschrift    */
        color: rgb(191,0,0);
        font-size:13px;
        font-weight: bold;
        text-decoration: underline;
        text-align: left;
        padding-top: 5px;
        padding-left: 0px;
        border: 1px solid #FFFF00;
        }

.setcard_absatz {
          text-align: left;
          font-weight: normal;
          font-family: 'Comic Sans MS', 'cursive';
          font-size: 15px;

         text-align: left;
         background-color: #AC5959; /* rgb(172,89,89) */
         color: rgb(245,188,163);
         vertical-align: bottom;
         height: 20px;
         border: 2px solid #AC5959;
         }

td.storyboard-person {
                 color: rgb(121,0,0);
                 background-color: #c28585; /* rgb(194,133,133) rosa */
                 vertical-align: top;
                 text-align: left;
                 }

td.storyboard-aussehen {
                   font-weight: normal;
                   color: rgb(121,0,0);
                   vertical-align: top;
                   text-align: left;
                   border: 1px solid #000000;
                   }

td.storyboard-szene {
                 color: rgb(121,0,0);
                 background-color: #c28585; /* rgb(194,133,133) rosa */
                 vertical-align: top;
                 text-align: left;
                 border: 1px solid #000000;
                 }

td.storyboard-beschreibung {
                   font-weight: normal;
                   color: rgb(121,0,0);
                   vertical-align: top;
                   text-align: left;
                   border: 1px solid #000000;
                   border-bottom: 2px solid #AC5959;
                   padding-left: 5px;
                   }

td.storyboard-kleidung {
                   font-weight: normal;
                   color: rgb(121,0,0);
                   vertical-align: top;
                   text-align: left;
                   border: 1px solid #000000;
                   }

#inhalt h2.setcard_name {                          /* Textformatierung Überschriften von Projektbeschreibung */
        color: rgb(191,0,0);
        font-family: 'Comic Sans MS', 'cursive';
        font-size:20px;
        font-weight: bold;
        text-decoration: underline;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;
        }

php-Datei (Ausschnitt)
PHP: 
        echo '<table class="storyboard_tabelle" >
              <tr><th class="setcard_h" colspan=2 >Setcard</th></tr>';

        while($row = mysql_fetch_object($ergebnis))
             {
                 if ($Folge != $row->SerieNr)
                 {
                 echo '<tr><td colspan=2 class="setcard_h">&nbsp;</td></tr>
                      <tr><td colspan=2 class="storyboard-story">Folge: ' ,$row->SerieNr, ' - ' ,$row->Storyname, '</td></tr>';
                 $Folge = $row->SerieNr;
                 }

                 echo '
                      <tr><td class="storyboard-szene"><strong>Szene:</strong></td>
                          <td class="storyboard-szene">' ,$row->Ort, '</td>
                      </tr>
                      <tr><td class="storyboard-beschreibung"><strong>Beschreibung:</strong></td>
                          <td class="storyboard-beschreibung">' ,$row->Beschreibung, '</td>
                      </tr>
                      <tr><td class="storyboard-kleidung"><strong>Kleidung-der-Personen:</strong></td>
                          <td class="storyboard-kleidung">',$row->Kleidung, '</td>
                      </tr>';


             }   // ende while Serie-Storyboard
        echo '</table>';

Darstellung der Tabelle
Neues Bild (12).jpg

Der Abstand den ich mir nicht erklären kann, ist z.B. zwischen "Beschreibung" und der rechten Zellenwand. Oder "Kleidung-der-Personen" und der rechten Zellenwand.
Hier dürfte soweit ich das sehe keiner sein.
 
Zuletzt bearbeitet:
Auf dem kleinen Bild lässt sich wenig erkennen, aber wenn die Tabellendarstellung Probleme macht, gib die Daten doch als Liste aus.
 
Werbung:
Mit welchem Browser rufst Du die Seite auf? Was kommt tatsächlich als Quellcode im Browser an?

Warum ich frage? Mir fällt auf, dass Du hier

HTML: 
<tr><td class="storyboard-beschreibung">
<strong>Beschreibung:</strong></td>

einen Zeilenumbruch direkt nach dem <td> drin hast, bei den anderen Zellen aber nicht.
 
threadi schrieb:
Mit welchem Browser rufst Du die Seite auf? Was kommt tatsächlich als Quellcode im Browser an?

Warum ich frage? Mir fällt auf, dass Du hier

HTML: 
<tr><td class="storyboard-beschreibung">
<strong>Beschreibung:</strong></td>

einen Zeilenumbruch direkt nach dem <td> drin hast, bei den anderen Zellen aber nicht.
Zum Vergrößern anklicken....

ich teste mit mehreren Browsern.
Aber beginnen tuh ich immer mit FF.
Wo ist denn da ein Zeilensprung? <br /> ?

Ich breche den code immer nur zur bessern Übersicht im Editor um.
Das Ergebnis ist doch das selbe wie bei
PHP: 
<tr><td class="storyboard-beschreibung"><strong>Beschreibung:</strong></td><td class="storyboard-beschreibung">' ,$row->Beschreibung, '</td></tr>

Die Umbrüche sind nach dem schließenden Tag. Und auch nur damit es aufgeräumt ist.
 
Zuletzt bearbeitet:
Hier ist ein Zeileumbruch in der Ausgabe:

HTML: 
<tr><td class="storyboard-beschreibung">
<strong>Beschreibung:</strong></td>

Das ist kein HTML-Zeilenumbruch sondern ein \n. Und der könnte in manchen Browsern (vor allem IE eigentlich) zu Problemen führen, da diese Browser das als TextNode ansehen und auch versuchen zu formatieren.

Wenn es das auch nicht war, weiß ich aber auch nicht wirklich weiter. Ein Link zur Seite (auch wenn es nur der erzeugte HTML-Code ist den man mal im Browser anschauen kann) würde sicherlich eher helfen.
 
Werbung:
Ich hätte da noch was anzubieten.

Setze probeweise mal Blockelemente wie <p> oder <div> in die Tabellenzellen ein. Denen lassen sich beliebige Breiten zuweisen.
 
threadi schrieb:
Hier ist ein Zeileumbruch in der Ausgabe:

HTML: 
<tr><td class="storyboard-beschreibung">
<strong>Beschreibung:</strong></td>

Das ist kein HTML-Zeilenumbruch sondern ein \n. Und der könnte in manchen Browsern (vor allem IE eigentlich) zu Problemen führen, da diese Browser das als TextNode ansehen und auch versuchen zu formatieren.

Wenn es das auch nicht war, weiß ich aber auch nicht wirklich weiter. Ein Link zur Seite (auch wenn es nur der erzeugte HTML-Code ist den man mal im Browser anschauen kann) würde sicherlich eher helfen.
Zum Vergrößern anklicken....

Ich habe Dir ne PN mit Link und Zugang
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben