Показать сообщение отдельно
  #1 (permalink)  
Старый 27.06.2011, 15:15
Аватар для cmygeHm
Профессор
Отправить личное сообщение для cmygeHm Посмотреть профиль Найти все сообщения от cmygeHm
 
Регистрация: 12.10.2010
Сообщений: 196

div внутри ячейки таблицы
Физкульт-привет!
Ребят, штука не понятная. Причем очень не понятная.
Есть таблица. Внутри ячейки имеется div. Ему задана ширина в пикселях на пару пикселей меньше чем у ячейки. В диве длинный текст. И поэтому для него заданы:
{
overflow: hidden;
white-space: nowrap;
width: {{ td.width-2 }}
}

Так вот между дивом и ячейкой появляется пустое пространство.
|----------------------------------|
|-------------- ______________ |
| div _______ | __ пустота ___ |
|-------------- ______________ |
|___ячейка________________|

Очень долго искал откуда оно. Ну нет нигде. И в конце концов напоролся на то, что если обычный текст в тегах span или p со свойством атрибута white-space: nowrap вставить в таблицу, то образуется пустое пространство. Причем это не один-два пикселя, а сотни пикселей. margin'ы и padding'и заданы в ноль все.

Если в фаербаге увеличиваю ширину дива, то ширина пустого пространства тоже растет и расширяет ячейку.
Подскажите в чем проблема? Как лечить?

Последний раз редактировалось cmygeHm, 27.06.2011 в 15:21.
Ответить с цитированием