Linuchs: Mehrere hintereinander stehende Tabellen "synchronisieren"

Beitrag lesen

und zwar so, dass jeweils die Breite verwendet wird, die die größte unter den korrespondierenden Spalten ist.
Bevor ich die Tabellen ausgebe könnte ich mit PHP jeweils die max. Zeichenanzahl in den Spalten ermitteln und dann min-width entsprechend setzen.
Aber welche Angabe ist hier zu machen?

Keine, lass den Browser machen.

Ermittle den Text mit den meisten Zeichen und gib ihn in jeder Tabelle versteckt aus:

td div {  
  position: relative;  
  visibility: hidden; /* spannt die Breite auf */  
  border: 1px solid #aaf; /* nur zum Zeigen */  
}  
td span {  
  position: absolute;  
  left: 0;  
  top: 0;  
  visibility: visible;  
}  

  <table><tr><td><div>Dies hier ist ganz schön lang<span>Tabelle 1</span></div></td><td>Spalte 2</td></tr></table>  
  <table><tr><td><div>Dies hier ist ganz schön lang<span>Hier Tabelle 2</span></div></td><td>Spalte 2</td></tr></table>  
  <table><tr><td><div>Dies hier ist ganz schön lang<span>Und hier Tabelle 3</span></div></td><td>Spalte 2</td></tr></table>  

Nun kannst du Pech haben, dass 50 is (Mehrzahl von i) schmaler sind als 40 ms (Mehrzahl von m).

Aber das Leben ist voller Risiken ;-)

Linuchs