Ergebnis 1 bis 8 von 8

Thema: Hilfe gesucht: Spaltenbreite fixieren

  1. #1
    HTML Newbie
    Registriert seit
    29.03.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hilfe gesucht: Spaltenbreite fixieren

    Hallo,

    ich neu hier und hoffe darauf, jemanden zu finden, der mir helfen kann, denn in zwei Foren ist man mit meinem Problem nicht weiter gekommen.

    Ich möchte eine Tabelle erstellen, deren Spaltenbreite einen festen Wert haben soll, also keinen Mindest- oder Maximalbreite, sondern exakt eine Breite, bei der sich nichts mehr verschiebt.

    Da ich 120 Einzeltabellen untereinander platzieren muß, ist es wichtig, daß die Daten alle untereinander (ohne Verschiebungen) stehen. Bei der Tabelle (siehe unteren Quellcode) verschieben sich die Spalten in der Breite (nach rechts), dass soll aber nicht sein.

    Leider kann ich keine grosse Tabelle dafür gebrauchen, da immer neue Datensätze, die in einer neuen Tabelle eingefügt werden müssen, dazukommen und chronologisch geordnet werden müssen.

    Siehe:
    http://pink-camel.de.tl/Setlists.htm

    Ich muss unbedingt an meiner Seite weiterarbeiten und benötige deshalb eure Hilfe.

    Vielen Dank im Voraus
    Michael


    hier nun der Quellcode für die Tabelle (aus Übersichtsgründen nur eine Zeile):

    <table border="1" width="736">
    <tbody>
    <tr>
    <td width="20">&nbsp;</td>
    <td valign="top" width="140" align="left">&nbsp;&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td valign="top" width="26" align="center">&nbsp;</td>
    <td valign="top" width="180" nowrap="nowrap" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;</td>
    <td width="11">&nbsp;</td>
    <td valign="top" width="39" align="center">&nbsp;</td>
    <td width="44">&nbsp;</td>
    <td valign="top" width="26" align="center">&nbsp;</td>
    <td valign="top" width="180" align="left">&nbsp;</td>
    <td width="11">&nbsp;</td>
    <td valign="top" width="39" align="center" style="text-align: center">&nbsp;</td>
    </tr>
    </tbody>
    </table>
    <br />
    <br />
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    1) Benutze CSS für das Design (ist immer besser)
    2) Lass den Blödsinn mit den &nbsp;, damit ist es klar, warum es sich verschiebt. Wozu sind die da?
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    29.03.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Zitat Zitat von Dodo Beitrag anzeigen
    1) Benutze CSS für das Design (ist immer besser)
    2) Lass den Blödsinn mit den &nbsp;, damit ist es klar, warum es sich verschiebt. Wozu sind die da?

    Leider bin ich absoluter html-Anfänger und hab auch von CSS keinen blassen Schimmer, doch hier hab ich mal was zusammengeschuster, doch ich komme nicht weiter mit den Spaltenbreiten. Die Zeilen verhalten sich auch anders und werden schmäler, wenn ich eine neue hinzufüge. Und der fette Rahmen müsste auch verschwinden, damit diese Tabelle meiner Tabelle ähnelt.

    Bitte kannst Du mir "Oldie" den folgenden Code umarbeiten?

    Ich wäre Dir wirklich sehr sehr dankbar.

    Spaltenbreiten: 20,140,20,26,180,11,39,44,26,180,11,39 Gesamt= 736


    Hier der neue Code:

    <table border="1" width="554" style="width: 554px; table-layout: fixed; height: 113px">
    <colgroup><col width="67" /></colgroup><colgroup><col width="75" /></colgroup><colgroup><col width="41" /></colgroup>
    <tbody>
    <tr>
    </tr>
    <tr>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
    </tr>
    <tr>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
    </tr>
    <tr>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td align="right">&nbsp;</td>
    </tr>
    </tbody>
    </table>
    Geändert von Aristillus (30.03.2010 um 01:17 Uhr)

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Tut mir lied.
    Für Umschreiben habe ich leider keine Zeit. Ich muss in drei Wochen meine Diplomarbeit abgeben.

    http://de.selfhtml.org/css/eigenschaften/index.htm
    Schau dich dort ein bisschen um.
    Da findest du (fast) alles, was man mit CSS machen kann.

    Wie man CSS genau verwendet, findest du da:
    http://de.selfhtml.org/css/formate/index.htm
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    29.03.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Zitat Zitat von Dodo Beitrag anzeigen
    Tut mir lied.
    Für Umschreiben habe ich leider keine Zeit. Ich muss in drei Wochen meine Diplomarbeit abgeben.

    http://de.selfhtml.org/css/eigenschaften/index.htm
    Schau dich dort ein bisschen um.
    Da findest du (fast) alles, was man mit CSS machen kann.

    Wie man CSS genau verwendet, findest du da:
    http://de.selfhtml.org/css/formate/index.htm

    Schade, ich habs versucht, komm aber nicht klar. Mir erschließt sich die Logik nicht.

    Ich wünsche Dir alles Gute für Deine Diplom-Arbeit.

  6. #6
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Du kannst die Spalte in der größe nicht festsetzen, wenn du was breiteres reinmachst - wird die Spalte nunmal größer. Deine Spalten sind auch winzig... Hier:
    HTML-Code:
    <style>
    <!--
    .td_nr_1 { background-color: #000 ; }
    .td_nr_2 { background-color: #111 ; }
    .td_nr_3 { background-color: #222 ; }
    .td_nr_4 { background-color: #333 ; }
    .td_nr_5 { background-color: #444 ; }
    .td_nr_6 { background-color: #555 ; }
    .td_nr_7 { background-color: #666 ; }
    .td_nr_8 { background-color: #777 ; }
    .td_nr_9 { background-color: #888 ; }
    .td_nr_10 { background-color: #999 ; }
    .td_nr_11 { background-color: #aaa ; }
    .td_nr_12 { background-color: #bbb ; }
    
    -->
    </style>
    
    <table border="0" cellspacing="0" cellpadding="0">
    
    <tr>
    <!--     1    2    3    4    5    6    7    8    9    10    11    12
    <!--     20    140    20    26    180    11    39    44    26    180    11    39 -->
        <td width="20" class="td_nr_1">&nbsp;</td>
        <td width="140" class="td_nr_2">&nbsp;</td>
        <td width="20" class="td_nr_3">&nbsp;</td>
        <td width="26" class="td_nr_4">&nbsp;</td>
        <td width="180" class="td_nr_5">&nbsp;</td>
        <td width="11" class="td_nr_6">&nbsp;</td>
        <td width="39" class="td_nr_7">&nbsp;</td>
        <td width="44" class="td_nr_8">&nbsp;</td>
        <td width="26" class="td_nr_9">&nbsp;</td>
        <td width="180" class="td_nr_10">&nbsp;</td>
        <td width="11" class="td_nr_11">&nbsp;</td>
        <td width="39" class="td_nr_12">&nbsp;</td>
        
    </tr>
    
    </table>
    <div style="background-color: yellow; width: 736px;">&nbsp;</div>
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Grevas (30.03.2010 um 15:15 Uhr)

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    29.03.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Zitat Zitat von Grevas Beitrag anzeigen
    Du kannst die Spalte in der größe nicht festsetzen, wenn du was breiteres reinmachst - wird die Spalte nunmal größer. Deine Spalten sind auch winzig... Hier:
    HTML-Code:
    <style>
    <!--
    .td_nr_1 { background-color: #000 ; }
    .td_nr_2 { background-color: #111 ; }
    .td_nr_3 { background-color: #222 ; }
    .td_nr_4 { background-color: #333 ; }
    .td_nr_5 { background-color: #444 ; }
    .td_nr_6 { background-color: #555 ; }
    .td_nr_7 { background-color: #666 ; }
    .td_nr_8 { background-color: #777 ; }
    .td_nr_9 { background-color: #888 ; }
    .td_nr_10 { background-color: #999 ; }
    .td_nr_11 { background-color: #aaa ; }
    .td_nr_12 { background-color: #bbb ; }
    
    -->
    </style>
    
    <table border="0" cellspacing="0" cellpadding="0">
    
    <tr>
    <!--     1    2    3    4    5    6    7    8    9    10    11    12
    <!--     20    140    20    26    180    11    39    44    26    180    11    39 -->
        <td width="20" class="td_nr_1">&nbsp;</td>
        <td width="140" class="td_nr_2">&nbsp;</td>
        <td width="20" class="td_nr_3">&nbsp;</td>
        <td width="26" class="td_nr_4">&nbsp;</td>
        <td width="180" class="td_nr_5">&nbsp;</td>
        <td width="11" class="td_nr_6">&nbsp;</td>
        <td width="39" class="td_nr_7">&nbsp;</td>
        <td width="44" class="td_nr_8">&nbsp;</td>
        <td width="26" class="td_nr_9">&nbsp;</td>
        <td width="180" class="td_nr_10">&nbsp;</td>
        <td width="11" class="td_nr_11">&nbsp;</td>
        <td width="39" class="td_nr_12">&nbsp;</td>
        
    </tr>
    
    </table>
    <div style="background-color: yellow; width: 736px;">&nbsp;</div>

    Wie kommst Du darauf, dass man Spaltenbreiten nicht fixieren kann?
    Ich bin html-Neuling und hab es trotzdem geschafft.

    Und übrigens: Einige meiner Spalten sind deshalb so schmal, da sie mir als "Trennspalte"
    also "Leerspalte" dienen. Diese stehen dann zwischen zwei Spalten in denen Daten eingetragen sind. Soviel Phantasie sollte man schon haben.

    Hier der Code zur den fixen Spaltenbreiten:

    <table border="0" width="850" align="center" height="20" style="table-layout: fixed">
    <colgroup><col width="140" /></colgroup><colgroup><col width="20" /></colgroup><colgroup><col width="26" /></colgroup><colgroup><col width="255" /></colgroup><colgroup><col width="40" /></colgroup><colgroup><col width="44" /></colgroup><colgroup><col width="26" /></colgroup><colgroup><col width="255" /></colgroup><colgroup><col width="40" /></colgroup>
    <tbody>
    <tr>
    <td valign="top" align="left">&nbsp;</td>
    <td>&nbsp;</td>
    <td valign="top" align="center">&nbsp;</td>
    <td valign="top" align="left">&nbsp;</td>
    <td>&nbsp;</td>
    <td valign="top" align="center">&nbsp;</td>
    <td>&nbsp;</td>
    <td valign="top" align="center">&nbsp;</td>
    <td valign="top" align="left">&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td valign="top" align="center">&nbsp;</td>
    </tr>
    </tbody>
    </table>

  8. #8
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Hilfe gesucht: Spaltenbreite fixieren

    Ich habs bereits erklärt, sobald du ein größeres Element reinhaust (z.B. ein Bild), wird die Spalte größer gezogen. Könnte evtl. mit nem overflow:hidden; funktionieren, aber ob es bei Tabellen funktioniert wage ich mal zu bezweifeln.
    /edit: getestet, overflow: hidden; bewirkt nichts bei einer Tabellenzeile.

    /P.S. "Soviel Phantasie sollte man schon haben." , stimmt, dafür braucht man Phantasie weil es ne sehr dreckige Art ist . Sowas löst man mit Cellpadding / Spacing oder padding Attributen bei dem Element, dass sich in der Zelle befindet.
    Solltest vllt auch nochmal überdenken, dass du bevor ich gepostet hab es nicht hingekriegt hast und ich dir hier die fertige Tabelle präsentiert habe.

    Diesen <colgroup> quatsch kannst du auch ruhig weglöschen, weil es für einzelne Zellen gar nicht gedacht ist - dafür gibts width ! Die Zellen in der nächsten Zeile richten sich automatisch nach der vorherigen (sonst wärs ja keine richtige Tabelle - oder?)
    Geändert von Grevas (31.03.2010 um 17:14 Uhr)

Ähnliche Themen

  1. Spaltenbreite bestimmen
    Von Su 64 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.06.2008, 18:18
  2. Spaltenbreite IE & Firefox
    Von Highrise im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.02.2006, 22:33
  3. Spaltenbreite mit CSS definieren
    Von tebox im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 20.12.2005, 18:39
  4. verschiedene Spaltenbreite
    Von KalterKaffee im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 13.08.2005, 12:48
  5. unabhängige Spaltenbreite in Tabelle?!
    Von NicolasOnline im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.06.2004, 01:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •