Ячейка таблицы не соответствует высоте, которую я пытаюсь применить

Question

У меня есть <td>, который почти пустой, поскольку он содержит только  .Высота, которую я пытаюсь установить, составляет 110 пикселей, но по какой-то причине ячейка таблицы отображается с высотой 182,317 пикселей.Почему?

Я уже проверил несколько вещей:

• font-size, применяемое к неразрывному пробелу, не установлено для чего-то, что не может поместиться в таблицуячейка.
• В той же строке нет ячейки таблицы, которую нужно растянуть, чтобы разместить ее содержимое в этой ячейке.
• Нет фрагмента кода CSS, который перезаписывает нужную мне высоту с помощьюнеобъяснимое значение 182,317 пикселей.

Что еще может быть виновником?Ячейка отображается с ожидаемой высотой в Chrome, но в Firefox 3.6 она портится.Режим рендеринга - XHTML 1.0 Strict (да, я действительно подтвердил).

Обновление : вы можете просматривать и анализировать страницу в http://labs.pieterdedecker.be/vspwpg/. <td> I'mречь идет о leftbartop.

Answer 1

Используйте Firebug и посмотрите на ячейку через инспектор элементов. Справа внизу с помощью Firebug посмотрите на стиль. Прокрутите вниз, пока не увидите область, где вы устанавливаете высоту ячейки. Если вы все еще не можете найти его, попробуйте щелкнуть правой кнопкой мыши в области стилей и добавить его в самый верхний селектор стилей.

В конце концов вы либо найдете виновника, который перезаписывает ваш стиль, либо вы сможете найти класс, который вы можете использовать для перезаписи применяемого стиля. Вы также можете использовать инструменты разработчика Google Chrome , чтобы сделать то же самое (просто щелкните правой кнопкой мыши в любом месте страницы и "осмотрите элемент", чтобы вызвать их).

Answer 2

Вы не говорите, какой из столбцов в таблице имеет проблему. Но я подозреваю, что это:

<td id="bottombar2" colspan="2"></td>

Атрибут colspan="2" говорит, что ячейка имеет высоту в два ряда. Ваши ряды имеют 95px, что делает его высотой 190px (примерно той высоты, которую вы видите).

Каждая строка в вашей таблице указывает различное количество столбцов 5, 1 и 3. Это может объяснить, почему таблица отображается по-разному в разных браузерах.

Answer 3

это работает, если вы говорите

{height:95px !important;}

Возможно, вы установили заполнение или что-то подобное, что влияет на td

Answer 4

У вас есть набор line-height для ячеек таблицы или где-то в каскаде, который влияет на нее напрямую?