[CSS][JavaScript] Dwie tabele jedna pod drugą - td Opcje

[-kruskal-]

Cześć. Mam na stronie 2 tabele jedna pod drugą. Muszą być one osobne, ponieważ każda jest w innym formularzu.

Komórki muszą dopasowywać swoją długość do tekstu w nich zawartego. No i tu jest problem, bo tabele mają tyle samo komórek i chcę, żeby odpowiednie komórki miały tą samą długość, bo normalny wygląd jest nieestetyczny.

Da się to jakoś zapisać w CSS? Albo chociaż w javascript?

[-kruskal-]

Przykład na 2 kolumnach. Komórki dopasowywują się do długości tekstu tzn mają atrybut white-space: nowrap;

1. tabela
xxxxxxxxxxxxxxxxxxxx yyyyyyyyyyyyyyyyy
xxxxxxxxx yyyyyyyyyyyyyy
xxxxxxxxxxxxxx yyyyyyyyyy

2.tabela
xxxxxxx yy
xxx yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
xxxxxx yyyyyyyyyyy

Widać, że w 1 tabeli 1 kolumna będzie dłuższa niż 1 kolumna w 2 tabeli, bo mają różnej długości teksty wewnątrz. A ja chcę uzyskać efekt, żeby pierwsza kolumna z każdej tabeli miała taką samą długość, tzn w tym przypadku 1 kolumna w drugiej tabeli musiałaby się odpowiednio wydłużyć...