Tabelle überläuft Elternteil div wenn td Inhalt zu breit ist

Question

ich eine JSFiddle vorbereitet/zeigen Ihnen, mein Problem zu erklären: http://jsfiddle.net/nz96C/

Es sieht zunächst in Ordnung, aber wenn ich einen Text #firsttd die gesamte Tabelle überläuft die Eltern hinzufügen div sobald die tds ganze Breite verwendet wird. Ich weiß, wie man dieses Problem mit CSS (#firstdiv {width:90px;overflow:hidden;}) löst, aber ich kenne nicht die genaue Anzahl der Pixel (Prozentsatz funktioniert nicht). Außerdem möchte ich nicht den Text im ersten td umbrechen.

Ich hoffe, Sie bekommen mein Problem, ich habe sogar Schwierigkeiten, es in meiner Muttersprache zu erklären.

EDIT: Mein Ziel ist es, eine Tabelle zu haben, in der es egal ist, wie lange der Text in der ersten td ist, sollte die Tabelle nie das Elternteil div überlaufen - ohne den Text umwickelt. Ich möchte, dass der Text, der über die erste td läuft, nicht angezeigt wird.

Answer 1

Gleiche Antwort wie ein anderes sehr neues Thema: table-layout:fixed; + Breite. DEMO

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