Всем привет!
Задача состоит в том, чтобы скрыть часть длинной строки, которая находится в ячейке таблицы. Текст должен отображаться в одну строку.
Разметка:

CSS:

Дело в том, что текст не хочет скрываться. Ширина дива, всегда остаётся такой, чтобы вместить всю строку. Если установить свойство дива width:100px, то всё отображается нормально. Но мне нужно растянуть див по всей ячейке, ширина которой тоже заранее не известна (у таблицы width:100%, ширину столбцам я не задавал). Если ширину дива задать в процентах менее 100, например 50%, то текст тоже скрывается, а вот ширина ячейки не изменяется!!?? Меня это удивило...
Мне кажется, что дело в ячейке. Она не хочет становить короче, чем самая длинная строка.

а если всё же задать ширину строке и ячейке?
в таком случае скорее всего ширина .cell даже не понадобится

Задание ширины ячейке не даёт результата:

Если задать ширину в пикселях - тоже ничего...
А вот если к стилю ячейки добавить display:inline-block, тоширина в пикселях применяется нормально, но как я говорил, меня это не устраивает. Если задать в процентах, то ширина ячеек уменьшается, ширина таблицы нет! Получается, между двумя столбцами дырень.
Даже не знаю, как можно сделать. Такое реализовано на почте Рамблера. Сейчас смотрю код... Ужас какой-то...

bars80080, спасибо! ;)

Лечится это дело установкой свойства таблицы table-layout:fixed
Теперь текст отлично обрезается. Правда, ширина столбцов стала одинаковой. Придётся что-то придумывать... Эх... Можно было бы это свойство применить к конкретному столбцу...

Если у кого будут мысли по этому поводу - пишите.

Это сообщение отредактировал(а) artsb - 18.8.2009, 12:37