Tabella trabocca div genitore quando il contenuto td è troppo ampio

Question

ho preparato un JSFiddle per spiegare/mostrare il mio problema: http://jsfiddle.net/nz96C/

Sembra a posto in un primo momento, ma quando aggiungo un po 'di testo per #firsttd l'intera tabella trabocca il genitore div una volta che viene utilizzata l'intera larghezza di tds. So come risolvere questo problema con i CSS (#firstdiv {width:90px;overflow:hidden;}) ma non conosco il numero esatto di pixel (la percentuale non funziona). Inoltre, non voglio che il testo del primo td avvolga.

Spero che tu abbia il mio problema, ho persino difficoltà a spiegarlo nella mia lingua madre.

MODIFICA: Il mio obiettivo è quello di avere una tabella in cui non importa per quanto tempo il testo nel primo td è, la tabella non dovrebbe mai traboccare il div genitore - senza che il testo sia avvolto. Voglio il testo che trabocca il primo td solo per non essere mostrato.

Answer 1

La stessa risposta di un altro argomento molto recente: table-layout:fixed; + larghezza. DEMO

table { 
    table-layout:fixed; 
    width:100%; 
} 
td { 
    border: 1px solid black; 
    overflow:hidden;/* optionnal*/ 
} 
#firsttd { 
    white-space: nowrap; 
}