✔ Tabellen gleichmäßig ausrichten

ComFreek

ComFreek

Mod | @comfreek
Moderator
Hallo,

ich habe folgendes Problem: Ich generiere automatisch per JavaScript eine Tabelle und füge sie in einen vorgegebenes DIV ein.
Nun in vielen Zellen habe ich nur eine Zahl, in anderen einen Namen (wie Schmidt...). Doch die Zellen mit den Namen werden immer viel breiter dargestellt, obwohl sie garnicht so viel Platz "brauchen" (Tabelle ist 100% breit!)

Ich habe bereits folgendes probiert:
HTML: 
<td style="position:absolute">...</td>  /* Breite so groß wie Inhalt, aber darunter liegende Zellen sind immer noch zu groß */
<td style="margin:0px;padding:0px">...</td> /* padding bringt vielleicht 1 Pixel weniger Breite */
<td style="width:auto">...</td>; /* Funktioniert garnicht! */

Ich will nun, dass alle Zellen gleichmäßig ausgerichtet sind ==> Alle gleich breit.
Ich bedanke mich schonmal im Vorraus:)
 
Noch eleganter geht es aber mit Hilfe von table-layout:fixed:
CSS: 
table { width:100%; table-layout:fixed; }


Für den Fall, dass sich die 100% nicht optimal durch den Divisor aufteilen lassen, und am Ende ein Rundungsergebnis zu Buche steht, das in dem einen oder anderen Browser zu ungenauen Darstellungen führen dürfte :)
Code: 
100% / 7 = 14.2857142857


Runde ich hier nun auf eine, zwei oder drei Stellen nach dem Komma?
Zum Vergrößern anklicken....
:-)


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück