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.
|