max largeur 50% pour td

Question

HTML

<table> 
    <tr> 
     <td>td1td1td1td1 td1td1td1td1td1td1td1td1td1td1td1</td> 
     <td>td2</td> 
    </tr> 
</table> 

CSS

td{ 
    border:black thin solid; 
    max-width:50%; 
} 
table{ 
    width:100% 
} 

Je veux régler la largeur maximale de la td-50%, mais il ne fonctionne pas pour moi ...
J'espère que quelqu'un pourrait aider à ce sujet.

S'il vous plaît voir la sortie sur: http://jsfiddle.net/38bf2/

post-scriptum
J'essaie déjà d'afficher le résultat via Chrome et Firefox.

Answer 1

Ajouter table-layout:fixed;. Changez votre CSS sur la table pour:

table{ 
    width:100%; 
    table-layout:fixed; 
} 

jsFiddle example

Answer 2

Au lieu de max-width essayer width:50%;

Answer 3

Utilisez le code suivant

td{ 
    border:black thin solid; 
    max-width:50%; 
    width:50%; 
} 
table{ 
    width:100%; 
} 

largeur