Hilfe gesucht: Spaltenbreite fixieren

Aristillus

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"> </td>
<td valign="top" width="140" align="left">  </td>
<td width="20"> </td>
<td valign="top" width="26" align="center"> </td>
<td valign="top" width="180" nowrap="nowrap" align="left">                                </td>
<td width="11"> </td>
<td valign="top" width="39" align="center"> </td>
<td width="44"> </td>
<td valign="top" width="26" align="center"> </td>
<td valign="top" width="180" align="left"> </td>
<td width="11"> </td>
<td valign="top" width="39" align="center" style="text-align: center"> </td>
</tr>
</tbody>
</table>
<br />
<br />

Dodo

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

Aristillus

Zitat von Dodo

1) Benutze CSS für das Design (ist immer besser)
2) Lass den Blödsinn mit den  , 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:

Dodo

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

Aristillus

Zitat von Dodo

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

Alles anzeigen

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.

Grevas

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

<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>

Alles anzeigen

Aristillus

Zitat von Grevas

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

<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>

Alles anzeigen

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:

Grevas

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?)

Hilfe gesucht: Spaltenbreite fixieren

Tags

Benutzer online in diesem Thema