max-width 50% per 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% 
} 

voglio impostare la larghezza massima della td-50%, ma non funziona per io ...
Spero che qualcuno possa aiutarci.

Si prega di visualizzare l'output su: http://jsfiddle.net/38bf2/

P.S.
Ho già provato a visualizzare il risultato tramite Chrome e Firefox.

Answer 1

Aggiungi table-layout:fixed;. Cambia la tua CSS sul tavolo per:

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

jsFiddle example

Answer 2

Invece di max-width provare width:50%;

Answer 3

Utilizzare il seguente codice

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