table wewnątrz table - podwójna ramka

mam prosty kod
próbuję umieścić table wewnątrz komórki w zewnętrznym table

<table  CELLSPACING=0 CELLPADDING=0 style="border-collapse: collapse;border: 1px solid black">
    <tr>
           <td>left cell</td>
           
           <td>
                <table CELLSPACING=0 CELLPADDING=0 style="border-collapse: collapse;border: 1px solid black">
                <tr>
                    <td >right cell</td>                    
                </tr>
            </table> 
        </td>                    
    </tr>
</table>

każda z tabel ma swoje ramki i problem w tym, że w miejscu gdzie obie tabele się stykają mam ramkę podwójnej grubości. Jam mam zrobić aby wszędzie ramki się idealnie pokryły?

Ja bym tam dał po prostu border: none

A jeśli bardzo chcesz, żeby ta wewnętrzna tabelka miała jednak ramkę to margin: -1px

Tak poza konkursem, cellspacing i cellpadding są niezalecane. W tym momencie masz trochę kodu odpowiadającego za wygląd w HTML, a trochę w CSS. Lepiej wszystko trzymać w jednym miejscu, zamiast tego możesz użyć właściwości CSS border-spacing i padding.

Dlaczego robisz nested-table?

Tabela wewnątrz tabeli to koncepcyjna pomyłka.
Przeorganizuj strukturę i nie będziesz musiał walczyć z minionymi problemami webmasterki.

Ale w mojej tabeli każdy wiersz może mieć inną ilość kolumn. I na dodatek nie znam ich ilości.
Dlatego w poszczególnych komórkach (wierszach) umieszczam tabelki.

My Razem napisał(a):

Ale w mojej tabeli każdy wiersz może mieć inną ilość kolumn. I na dodatek nie znam ich ilości.
Dlatego w poszczególnych komórkach (wierszach) umieszczam tabelki.

Dlaczego?
https://en.m.wikipedia.org/wiki/XY_problem

Edit: albo inaczej. Wiesz co to divy, flexbox, grid itd.? To co opisujesz wydaje sie nie byc tabela tylko jakims struktyryzowaniem strony. Stronki na tabelach to lata 90. Litosci :)