Table de dépassements de la div parent lors de td contenu est trop large

J'ai préparé un JSFiddle pour expliquer et vous montrer mon problème: http://jsfiddle.net/nz96C/

Il semble bien à première vue, mais quand j'ai ajouter du texte à #firsttd l'ensemble de la table des débordements de la div parent une fois la tds toute la largeur est utilisé. Je sais comment résoudre ce problème avec le CSS (#firstdiv {width:90px;overflow:hidden;}) mais je ne connais pas le nombre exact de pixels (pourcentage ne fonctionne pas). Aussi je ne veux pas le texte dans le premier td pour l'envelopper.

J'espère que vous comprenez mon problème, j'ai même de la difficulté à l'expliquer dans ma langue maternelle.

EDIT: Mon but est d'avoir une table dans laquelle il n'a pas d'importance combien de temps le texte dans le premier td est, la table ne doit jamais dépasser la div parent - sans le texte de l'envelopper. Je veux que le texte qui déborde le premier td juste pour ne pas être montré.

Il est difficile de comprendre quel est le problème. Pouvez-vous dessiner une image, au moins, de ce que vous voulez qu'il ressemble?

OriginalL'auteur user2498308 | 2014-07-25

  1. 16

    Même réponse comme une autre très récente sujet:table-layout:fixed; + largeur. DÉMO

    table {
    table-layout:fixed;
    width:100%;
}
td {
    border: 1px solid black;
    overflow:hidden;/* optionnal*/
}
#firsttd {
    white-space: nowrap;
}
    Merci beaucoup! J'ai essayé de table-layout:fixe, mais j'ai oublié d'ajouter une largeur de la table.
    table-layout:fixed; est mauvais si vous voulez des cellules avec différentes largeurs.
    non il ne l'est pas, c'est un CSS option très utile developer.mozilla.org/en-US/docs/Web/CSS/table-layout , lire et apprendre à l'utiliser (pourquoi et quand) Ce qui est mauvais n'est pas de savoir pourquoi vous définissez l'une ou l'autre valeur . De toute façon table-layout par défaut de la propriété , il est appliqué même si vous ne définissez pas. Il est typique à la disposition de table. drôle la règle des sons de la même chose 😉

    OriginalL'auteur G-Cyr