Размер td

[iKNG]

Вот есть страница, в которой текст, а справа меню (20процентов от ширины страницы), все это делается через таблицу. В меню выводится имя пользователя, которое может быть до 255 символов. А пользователь может заходить с телефона, тогда если его имя шибко длинное, то оно "вытесняет" текст. Overflow не справляется. Что делать?

Вот как должно быть (т. е. короткое имя): http://jsfiddle.net/iKNG/Q7zSA/

А вот что начинается при длинном: http://jsfiddle.net/iKNG/94Jrt/1/

[Ludwig Voltman]

Может быть, как-то так?

.menu {    width: 20%;    max-width: 100px (или, например, 10em);    overflow: hidden;}

Edited November 18, 2013 by Ludwig Voltman

[iKNG]

 

Может быть, как-то так?

.menu {    width: 20%;    max-width: 100px (или, например, 10em);    overflow: hidden;}

А возможно это как-то сделать без указания конкретной макимальной ширины? Ведь я не могу предугадать, насколько маленький экран будет у пользователя. А если и смогу подстроить под самый маленький, то будет слишком много переносов, что неудобно для больших экранов.

[Catherine]

А как насчет word-break: break-all? http://jsfiddle.net/Cath_kb/94Jrt/2/

 

Или table-layout: fixed + overflow: hidden? http://jsfiddle.net/Cath_kb/94Jrt/3/