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

Chcę ustawić maksymalną szerokość td do 50%, ale to nie działa na ja ...
Mam nadzieję, że ktoś może w tym pomóc.

proszę zobaczyć wyjście na: http://jsfiddle.net/38bf2/

PS:
Już próbuję wyświetlić wynik za pomocą przeglądarki Chrome i Firefox.

Answer 1

Dodaj table-layout:fixed;. Zmienić CSS na stole:

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

jsFiddle example

Answer 2

Zamiast max-width spróbować width:50%;

Answer 3

użyć następującego kodu

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