✔ Tabellen gleichmäßig ausrichten

[ComFreek]

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:

<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

 

[Maik]

Hi,

100% dividiert durch 3:

td { width:33.3%; }

mfg Maik

 

[ComFreek]

Irgendwie hätte ich auch drauf kommen können.
Danke!

 

[Maik]

Noch eleganter geht es aber mit Hilfe von table-layout:fixed:

table { width:100%; table-layout:fixed; }

• http://de.selfhtml.org/css/eigenschaften/anzeige/table_layout.htm

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

100% / 7 = 14.2857142857

Runde ich hier nun auf eine, zwei oder drei Stellen nach dem Komma?

mfg Maik

 

[ComFreek]

Perfekt! Nochmals danke!